t6

Podstawowe operacje na blogu – cz. 2. Dodawanie galerii

Dwa sposoby na dodanie galerii na blogu.
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:<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:

Loading…

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:

Picasa SlideshowPicasa Web Albums

Fullscreen

Pierwszy sposób jest zdecydowanie lepszy i ładniejszy.

Dodaj komentarz