Mit dieser Methode werden ausgewählte Fotos eines Picasa Web-Albums in einen Artikel eingefügt. Bei Klick auf ein Foto wird es vergrössert und das Album kann wie in einer Diashow betrachtet werden. Ein Beispiel hier. Beachte die Voraussetzungen.

Diese Doku ist noch im Entwurf.

Tool Picasa Web Utility für Bereitstellung von Slideshow (zusammen mit jquery-lightbox): http://picasawebutility.appspot.com/public

 

Vorlage für Picasa Web Utility:

<div style="float:left;margin-right:5px;margin-bottom:5px;"><a href ="%(imageurl)s?imgmax=640" class="lightbox" title=""><img src="%(imageurl)s?imgmax=144" border="0" /></a></div>

 

Der title-Tag wird als Beschriftung verwendet.

 

Daraus generierte Slideshow:

<div style="float:left;margin-right:5px;"><a href ="http://lh5.ggpht.com/_QT8pNS7mn9g/SkikKwPFSKI/AAAAAAAAANI/icgZPyoeOY0/DSCN4095.jpg?imgmax=640" class="lightbox"><img src="http://lh5.ggpht.com/_QT8pNS7mn9g/SkikKwPFSKI/AAAAAAAAANI/icgZPyoeOY0/DSCN4095.jpg?imgmax=144" border="0" /></a></div>

<div style="float:left;margin-right:5px;"><a href ="http://lh5.ggpht.com/_QT8pNS7mn9g/SkikLopyhOI/AAAAAAAAANQ/S8T6zg3PfJc/DSCN4111.jpg?imgmax=640" class="lightbox"><img src="http://lh5.ggpht.com/_QT8pNS7mn9g/SkikLopyhOI/AAAAAAAAANQ/S8T6zg3PfJc/DSCN4111.jpg?imgmax=144" border="0" /></a></div>

<div style="float:left;margin-right:5px;"><a href ="http://lh5.ggpht.com/_QT8pNS7mn9g/SkikMcl3-3I/AAAAAAAAANY/o48kFzMJ97E/DSCN4122.jpg?imgmax=640" class="lightbox"><img src="http://lh5.ggpht.com/_QT8pNS7mn9g/SkikMcl3-3I/AAAAAAAAANY/o48kFzMJ97E/DSCN4122.jpg?imgmax=144" border="0" /></a></div>

<div style="float:left;margin-right:5px;"><a href ="http://lh5.ggpht.com/_QT8pNS7mn9g/SkikNN2Mi-I/AAAAAAAAANg/qs1kRyECaj4/DSCN4131.jpg?imgmax=640" class="lightbox"><img src="http://lh5.ggpht.com/_QT8pNS7mn9g/SkikNN2Mi-I/AAAAAAAAANg/qs1kRyECaj4/DSCN4131.jpg?imgmax=144" border="0" /></a></div>

<div style="float:left;margin-right:5px;"><a href ="http://lh6.ggpht.com/_QT8pNS7mn9g/SkikN_P2a_I/AAAAAAAAANo/wPZKKuxqcNw/DSCN4149.jpg?imgmax=640" class="lightbox"><img src="http://lh6.ggpht.com/_QT8pNS7mn9g/SkikN_P2a_I/AAAAAAAAANo/wPZKKuxqcNw/DSCN4149.jpg?imgmax=144" border="0" /></a></div>

 

 

Infos zu Lightbox siehe hier: E:\!Data\WebSite\dariocologna\jQuery und als Bsp. im DarioCologna Skin (dariocologna2).