Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] Lightbox i galeria zdjęć o nazwie Very Simple Image Gallery
Forum PHP.pl > Forum > Po stronie przeglądarki
swiezak
Zamiescilem na stronie galerie zdjec o nazwie Very Simple Image Gallery. Nieco ja przerobilem, aby po wybraniu miniaturki i pojawieniu sie duzego zdjecia (nad miniaturkami) mozna bylo na niego kliknac i obejrzec w pelnej krasie z uzyciem efektu LightBox. Mam problem w jaki sposob zrobic, aby na osobnej warstwie (gdy juz jest zainicjowany efekt Lightbox) byla mozliwosc obejrzenia pozostalych zdjec - (nastepne zdjecie, poprzednie) bez koniecznosci zamykania warstwy z powiekszonym zdjeciem, klikania na kolejna miniaturke i dalej w duze foto. Ktos z Was ma jakis pomysl?

Tutaj nieszczesna galeria zdjec do obejrzenia:

http://www.motoplus.webgroup.pl

Duze foto ma klase 'zoom', ktora umozliwia uzyskanie zdjecia w pelnej krasie z efektem typu LightBox:
  1. <script type="text/javascript">
  2. jQuery.noConflict();
  3. jQuery(document).ready(function(){
  4. jQuery("a.zoom").lightBox();
  5. });
  6. </script>


Miniaturki sa wyswietlane w oparciu o taki oto kod:
  1. <div id="thbvsig_6_0_1" class="vsig_cont vsig_cont6_0"><div class="vsig_thumb"><a href="/galeria?vsig6_0=0" rel="nofollow" onclick='switchimg(vsig_6_0[0],vsig_6_0_b);return false;' title="f1.gif"><img src="http://www.motoplus.webgroup.pl/images/galleries/gallery1/vsig_thumbs/f1_94_70_80.gif" alt="f1.gif"/></a></div></div>
  2. <div id="thbvsig_6_0_2" class="vsig_cont vsig_cont6_0"><div class="vsig_thumb"><a href="/galeria?vsig6_0=1" rel="nofollow" onclick='switchimg(vsig_6_0[1],vsig_6_0_b);return false;' title="f2.gif"><img src="http://www.motoplus.webgroup.pl/images/galleries/gallery1/vsig_thumbs/f2_94_70_80.gif" alt="f2.gif"/></a></div></div>
  3. <div id="thbvsig_6_0_3" class="vsig_cont vsig_cont6_0"><div class="vsig_thumb"><a href="/galeria?vsig6_0=2" rel="nofollow" onclick='switchimg(vsig_6_0[2],vsig_6_0_b);return false;' title="f3.gif"><img src="http://www.motoplus.webgroup.pl/images/galleries/gallery1/vsig_thumbs/f3_94_70_80.gif" alt="f3.gif"/></a></div></div>


Bylbym wdzieczny za pomoc.
viking
Trochę nie rozumiem co tam zrobiłeś. Przede wszystkim dołączasz dwie różne biblioteki czyli jquery i mootools. Lightbox którego użyłeś ma opcję korzystania z wielu źródeł dla galerii, zobacz sobie przykład na stronie http://leandrovieira.com/projects/jquery/lightbox/
swiezak
Domyslnie galeria zdjec VSIG wyglada tak:
http://www.bretteleben.de/lang-en/joomla/v...eispiel-01.html

Ja podpialem pod to duze foto (znajdujace sie nad miniaturkami) LightBoxa. Tyle, ze nie mam pojecia jak zrobic, aby po wywolalniu efektu te pozostale zdjecia sie wyswietlaly za pomoca strzalek - poprzednie, nastepne.
Po klikniecu na miniatruke zmienia sie to foto u gory, one maja atrybut w stylu:

  1. onclick='switchimg(vsig_6_0[0],vsig_6_0_b);return false;'
viking
Najłatwiej dla Ciebie będzie chyba po prostu wrzucić coś innego http://extensions.joomla.org/extensions/ph...o-gallery/11002
swiezak
Moj CMS to Joomla 2.5.4, a klient upiera sie przy tej galerii, ktora chce przerobic.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.