Komentarze do wpisu 'Udostępniona galeria' http://adamw.pl/udostepniona-galeria/ Ruda Śląska, galeria Fri, 18 May 2012 14:32:51 +0000 http://wordpress.org/?v=2.1 Przez: Maciej Chmielowski http://adamw.pl/udostepniona-galeria/#comment-23 Maciej Chmielowski Thu, 12 Apr 2007 20:43:39 +0000 http://adamw.pl/udostepniona-galeria/#comment-23 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 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

]]> Przez: Adam Walentynowicz http://adamw.pl/udostepniona-galeria/#comment-24 Adam Walentynowicz Fri, 13 Apr 2007 10:40:59 +0000 http://adamw.pl/udostepniona-galeria/#comment-24 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: <code lang="html4strict"><link rel="stylesheet" href="http://adamw.pl/wp-content/plugins/wp-lightbox2/css/lightbox.css" type="text/css" media="screen" /></code> <code lang="javascript"><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></code> Oraz pomocnicze parametry: <code lang="css"><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></code> 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: <code lang="html4strict"><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></code> 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:

Kod:

<link rel="stylesheet" href="http://adamw.pl/wp-content/plugins/wp-lightbox2/css/lightbox.css" type="text/css" media="screen" />

Kod:

<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:

Kod:

<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:

Kod:

<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>

]]>