Andreas Karlsson

/

Om webbutveckling

Magento / WordPress / CodeIgniter / jQuery / Prototype /

Jag heter Andreas Karlsson och jobbar som webbutvecklare på Karlsson & Lord. Du når mig enklast genom andreas.karlsson@indiebytes.se eller 073-512 78 09.

Visa dina bilder från Flickr på ett snyggt och mycket enkelt sätt

Bildspel från Flickr, mer eller mindre automagiskt

Bildspel från Flickr, mer eller mindre automagiskt

En av de saker som enligt mig själv har blivit bättre i och med den nya designen är integrationen med Flickr. Tidigare använde jag mig av ett plugin som heter flickrRSS som hjälpte mig att ladda in små thumbnails av mina fotografier. Till den nya designen ville jag istället ha ett bildspel med lite större bilder, första tanken var att jag skulle knacka ihop en sådan applikation för egen hand i PHP och jQuery. Ganska snart sprang jag dock på en artikel från augusti 2008 där Flickr berättar om sina bildspel och att de går att integrera på valfri sida. Perfekt!

Detta är alltså vad jag har gjort här, dock med några mindre anpassningar för att få det att validera som XHTML Strict 1.0. Koden som Flickr genererade ändrade jag från:

<object width="700" height="525">
    <param name="flashvars" value="&offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fandreaskarlsson%2Fshow%2F&page_show_back_url=%2Fphotos%2Fandreaskarlsson%2F&user_id=9907082@N08&jump_to="></param>
    <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=63961"></param>
    <param name="allowFullScreen" value="true"></param>
    <embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=63961" allowFullScreen="true" flashvars="&offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fandreaskarlsson%2Fshow%2F&page_show_back_url=%2Fphotos%2Fandreaskarlsson%2F&user_id=9907082@N08&jump_to=" width="700" height="525"></embed>
</object>

till:

<object type="application/x-shockwave-flash" data="http://www.flickr.com/apps/slideshow/show.swf?v=63961" width="700" height="525">
    <param name="flashvars" value="&amp;offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Fandreaskarlsson%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fandreaskarlsson%2F&amp;user_id=9907082@N08&amp;jump_to="></param>
    <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=63961"></param>
    <param name="allowFullScreen" value="true"></param>
</object>

Ställ gärna frågor eller kom med förslag på förbättringar!

4 Responses / Visa dina bilder från Flickr på ett snyggt och mycket enkelt sätt

Alex 12 januari 2009 at 00:41

Kul idé det där med presentationen!

Svara
Niklas 12 januari 2009 at 11:51

Jag har själv funderat på att försöka fixa ett Flickr galleri till min portfolio, gäller att få tummen ur ;)

Btw, läste att du var ifrån Norrköping, trevligt värre! :)

Svara

Leave a reply / Visa dina bilder från Flickr på ett snyggt och mycket enkelt sätt

*

*