+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: jquery ad-gallery i lightbox (/thread-jquery-ad-gallery-i-lightbox)
jquery ad-gallery i lightbox - palmall - 31-03-2011
Witajcie
Potrzebuje porady, chcę zrobić sobie galerie zdjęć z miniaturkami, podglądem i powiększeniem zdjęcia. No i wykombinowałem sobie że użyje do tego dwóch ogólnie dostępnych skryptów jquery. No i napotkałem na problem nie do przeskoczenia. Osobno skrypty chodzą bezproblemowo, kumam mniej więcej jak i co ustawić. Problem zaczął się kiedy chciałem zrobić powiększanie zdjęć przy użyciu lightboxa.
Każde powiększane zdjęcie musi być otagowane w taki sposób:
Kod:
<a id="example1" .....I teraz tak, zmodyfikowałem sobie kawałek kodu ad-gallery tak żeby do każdego powiększonego zdjęcia dodawał mi ten znacznik id w taki sposób:
Kod:
_showWhenLoaded: function(index, callback) {
if(this.images[index]) {
var context = this;
var image = this.images[index];
var img_container = $(document.createElement('div')).addClass('ad-image');
var img = $(new Image()).attr('src', image.image);
if(image.link) {
var link = $('<a [b]id="example1"[/b] href="'+ image.link +'"></a>');
link.append(img);
img_container.append(link);
} else {
img_container.append(img);
}Ale niestety, nie wywołuje się lightbox ani fancybox, ani żaden inny...
Natomiast jeżeli umieszcze sobie gdzieś obok w divie obrazek i otaguje go w taki sam sposób to działa...
Co nie tak robie ? I jak to wywołać ?
Przykład jest na http://willq.pl/gal.php
Pooomocyyyy....
RE: jquery ad-gallery i lightbox - Kartofelek - 31-03-2011
A .live() nie działa?
Może ten wątek ci pomoże:
http://code.google.com/p/fancybox/issues/detail?id=18
RE: jquery ad-gallery i lightbox - palmall - 01-04-2011
Kartofelek działa !!!! dzięki !
Z tego skorzystałem:
Jeff, thank you so much for this wonderful solution. I've changed:
>>> .bind('click.fb', function(e)
with
>>> .live('click.fb', function(e)
and it works perfectly (fancybox 1.3.1).