Udostępniona galeria
Zapraszam wszystkich do oglądania galerii moich zdjęć tutaj.Aby w pełni skorzystać z zalet galerii, po wybraniu kategorii należy poczekać, aż na stronie pojawią się wszystkie miniatury zdjęć. Następnie można kliknąć na jedną z nich, aby zobaczyć większy rozmiar danego zdjęcia. Aby zobaczyć wszystkie zdjęcia lub sekwencję z danej kategorii nie trzeba za każdym razem przechodzić z trybu podglądu do miniatur, można klikać “prev” dla poprzedniego zdjęcia (bądź klawisz P) i “next” dla następnego (bądź klawisz N). Do zamknięcia trybu podglądu służy przycisk “close” (bądź klawisz X). Jeżeli masz ochotę wykorzystać jakieś zdjęcia z mojej galerii proszę o kontakt, a całkiem prawdopodobne, że będę mógł udostępnić zdjęcie w pełnym rozmiarze.
Zdjęcia podzieliłem na kilka kategorii widocznych poniżej:
Fajna galeria i fajne foty. Mam pytanie do Ciebie odnośnie Java Scriptu galerii - co to za skrypt (autorski czy ogólnodostępny) i jak się nazywa. Poszukuję podobnego skryptu na bloga i na swoją stronę. Odpisz proszę maila.
Pozdrawiam.
Maciek
Skrypt, którego używam to Lightbox 2 – jest ogólnodostępny, jako wtyczka do wordpressa lub poprzez dołączenie do każdej innej strony, poprzez dodanie do części HEAD:
<link rel="stylesheet" href="http://adamw.pl/wp-content/plugins/wp-lightbox2/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://adamw.pl/wp-content/plugins/wp-lightbox2/js/prototype.js"></script>
<script type="text/javascript" src="http://adamw.pl/wp-content/plugins/wp-lightbox2/js/effects.js"></script>
<script type="text/javascript" src="http://adamw.pl/wp-content/plugins/wp-lightbox2/js/lightbox.js"></script>
<script type="text/javascript">
var fileLoadingImage = "http://adamw.pl/wp-content/plugins/wp-lightbox2/images/loading.gif";
var fileBottomNavCloseImage = "http://adamw.pl/wp-content/plugins/wp-lightbox2/images/closelabel.gif";
</script>
Oraz pomocnicze parametry:
<style type="text/css" media="screen">
#prevLink, #nextLink { background: transparent url("http://adamw.pl/wp-content/plugins/wp-lightbox2/images/blank.gif") no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url("http://adamw.pl/wp-content/plugins/wp-lightbox2/images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("http://adamw.pl/wp-content/plugins/wp-lightbox2/images/nextlabel.gif") right 15% no-repeat; }
</style>
Aby z niego skorzystać trzeba (do pojedynczego pliku-linku) dodać znacznik rel=”lightbox”,
Jest jeszcze druga opcja, a mianowicie cała grupa plików, aby móc przełączać zdjęcia z poziomu aktywnego skryptu, a mianowicie rel=”lightbox[grupa]”, gdzie ‘grupa’ jest własną nazwą wszystkich zdjęć na aktualnej stronie, między którymi można się przełączać bez zamykania okna skryptu:
<a href="../../inne/images/galeria/macro/007.jpg" rel="lightbox[macro]" rel="nofollow"><img src="../../inne/images/galeria/mmacro/007.jpg" /></a>
<a href="../../inne/images/galeria/macro/008.jpg" rel="lightbox[macro]" rel="nofollow"><img src="../../inne/images/galeria/mmacro/008.jpg" /></a>