Witam

Posłużę się stronką poniżej:

http://websta.pl/tutoriale/jquery-galeria-...dmiana-obrazkow

Ładnie galeria działa ale gdy dodam drugą galerię to w obu "dużych" obrazkach zmienia się zdjęcie - chciałbym aby te galerie były niezależne. Czy należy napisać jakąś dodatkową funkcję dla zaznaczonej linii czy można to prościej napisać? :

[XML] pobierz, plaintext 
$(function() { 
 
	$('.miniatury ul li:first-child a img').css('opacity',0.5);
 
	$(".miniatury a").click(function(){
 
		$('.miniatury a img').css('opacity',1);
		$(this).children().css('opacity',0.5);
 
		var sciezka = $(this).attr("href");
		var tytul = $(this).attr("title");
 
		$(".duzy").attr({ src: sciezka, alt: tytul });  --- tej linii
 
		return false;
	});
 
});
[XML] pobierz, plaintext 

z góry dzięki za wszelką pomoc bo już kombinuję od dwóch dni i nie wiem jak mam przerobić taki kod :/

Pozdrawiam

Wszędzie są klasy więc wiadomo że przy 2 identycznych obie będą odnalezione. Identyfikuj jakoś te galerie.

Witam

Dzięki za odpowiedź ;-) Próbowałem zastosować "nieudolnie" .next()/.prev() ale nie zadziałało :/

[XML] pobierz, plaintext 
 
$(this).next(".duzy").attr({ src: sciezka, alt: tytul });
[XML] pobierz, plaintext 

wiem że nie miało prawa zadziałać bo this w tym przypadku odnosi się do miniaturki tylko nie umiem tego przerobić :/

https://api.jquery.com/parent/
Zamiast .duzy znajdź element bezpośrednio odpowiedzialny za wyświetlanie dla danej galerii.

Poza tym jest tyle gotowych dla jquery, nie łatwiej skorzystać?

Witaj

Dzięki za podpowiedź spróbuję coś pokombinować, a nie chce gotowca bo jak mi się coś "zes***ra" w kodzie to będę wiedział gdzie ręce wepchać ;-)