<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/javascript"></script>
<!-- get own slider - http://url.blogowicz.info/photo-slider -->
<style type="text/css">
#picasaSlideshow {
width: 450px;
height: 350px;
margin: 5px auto;
padding: 5px;
}
</style>
<script type="text/javascript">
google.load("feeds", "1");function shuffle(a) {
var i = a.length;
if ( i == 0 ) return false;
while ( –i ) {
var j = Math.floor( Math.random() * ( i + 1 ) );
var tempi = a[i];
var tempj = a[j];
a[i] = tempj;
a[j] = tempi;
}
}
function OnLoad() {
var feed = "ADRES_URL_RSS_ALBUMU_ZDJĘĆ&thumbsize=400";
var options = {
displayTime:2000,
transistionTime:600,
numResults :16,
scaleImages:false,
fullControlPanel : true,feedProcessedCallback: function() {
var e = ss.entries; shuffle(e); ss.entries = e;
}
};
var ss = new GFslideShow(feed, "picasaSlideshow", options);
}
google.setOnLoadCallback(OnLoad);
GFslideShow.THUMBNAILS_LARGE;
</script>
<br />
<div class="gslideshow" id="picasaSlideshow">
<div class="feed-loading">
Loading...</div>
</div>
Zmieniamy parametry zaznaczone na czerwono – dwa pierwsze to długość i wysokość ramki wyświetlającej pokaz zdjęć, trzeci to szerokość wyświetlanych zdjęć.
Oraz w miejsce ADRES_URL_RSS_ALBUMU_ZDJĘĆ wklejamy adres odnośnika RSS naszej galerii (wystarczy wejść na naszą galerię na picasa i prawym przyciskiem myszy kliknąć na napis RSS – znajdujący się po prawej stronie – i wybrać kopiuj adres odnośnika).
Parametry na niebiesko również możemy zmieniać wg naszych potrzeb – oznaczają one kolejno czas wyświetlania zdjęcia w milisekundach, czas przejścia i maksymalna ilość zdjęć w pokazie.
Na zielono zostały zaznaczone fragmenty, które musimy usunąć jeśli nie chcemy, aby zdjęcia były wyświetlane losowo.
Przykład poniżej:
II sposób
Innym ze sposobów jest skorzystanie z generatora kodu, który znajduje się na stronie: http://blogger-templates.blogspot.com/2007/04/picasa-slideshow.html#Code.
Należy najpierw kliknąć w naszej galerii na Picasa Web kliknąć na przycisk Sildeshow i skopiować adres otwartego pokazu zdjęć. Następnie wkleić skopiowany adres w punkcie 3. W punkcie 4 należy wpisać tytuł. Potem mamy dwie możliwości możemy kliknąć na Get the code (6) i skopiować wygenerowany kod i wkleić go do naszego postu.
Przykład poniżej:
Pierwszy sposób jest zdecydowanie lepszy i ładniejszy.