[jQuery]zmieniajace się zdjęcia po najechaniu myszką Opcje

[followc]

Witam, próbuje stworzyć minigalerie zdjęć polegającą na tym, że gdy odpalimy stronę pojawia nam się kilka zdjęć, zupełnie jak w najnormalniejszej galerii. Utrudnieniem jest to, że po najechaniu na każde ze zdjęć wyświetlać będzie się opis oraz dzięki fadeOut/fadeIn zdjęcie to będzie znikać, a w jego miejsce pojawiać się nowe z danej grupy.

[HTML] pobierz, plaintext 
<ul id="photos">
		<li><div><img class="ph_first" src="images/poh1.png"><img class="ph_second" src="images/poh2.png"><img class="ph_third" src="images/poh3.png"><img class="ph_fourth" src="images/poh4.png"><div>Prywatna fotogaleria</div><div></li>
		<li><div><img class="ph_first" src="images/poh5.png"><img class="ph_second" src="images/poh6.png"><img class="ph_third" src="images/poh7.png"><img class="ph_fourth" src="images/poh8.png"><div>Prywatna fotogaleria</div><div></li>
	</ul>
[HTML] pobierz, plaintext 

w css ukryłem wszystkie obrazki inne niż ph_first i teraz próbuję dostać się jakoś do pozostałyh. funkcja wyświetlająca opis i powodująca zniknięcie pierwszego obrazka działą bez zarzutu, problemem jest jednak kontrola pozostałych.
to jeden z dotychczasowych pomysłów:

[HTML] pobierz, plaintext 
$('#photos div').hover(function(){   
		//alert();
		a=$(this);
 
		$(a).find('div').first().slideDown();
		$(a).find('img').first().css('opacity','1');
 
		$(a).find('img').first().delay(1000).fadeOut(1000, function(){
			a=$(a).find('img').first();
			$(a).find('.ph_second').next().fadeIn(1000);
		});
		//zmiana_fot();
 
	},function(){
		$(this).find('div').first().slideUp();
		$(this).find('img').first().css('opacity','0.5');
	});
[HTML] pobierz, plaintext 

liczę na wskazówki

Ten post edytował followc 28.05.2014, 15:28:47