Sposób I
Bardzo fajny sposób na ładną galerię znalazłam na Forum Blogowym.
Należy w miejsce, w którym chcemy umieścić naszą galerię (np. post, nagłówek kolumna boczna) wkleić w gadgecie HTML/JavaScript lub w poście w widoku HTML następujący kod:
http://www.google.com/uds/solutions/slideshow/gfslideshow.js
#picasaSlideshow {
width: 450px;
height: 350px;
margin: 5px auto;
padding: 5px;
}
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;
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: http://www.google.com/jsapihttp://www.google.com/uds/solutions/slideshow/gfslideshow.js#picasaSlideshow { width: 450px; height: 350px; margin: 5px auto; padding: 5px; } 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 = „https://picasaweb.google.com/data/feed/base/user/107879500443856305744/albumid/5634003625705452961?alt=rss&kind=photo&hl=en_PL&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;
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.
Tytuł witryny 
Najnowsze komentarze