Plugin jQuery działający dla wielu elementów o tej samej klasie Opcje

[Ultear]

Witam, napisałem "plugin", dzięki któremy chcę zrobić prezentacje poszczególnych zdjęć z galerii w jej "okładkowym obrazie".

Wygląda to mniej więcej tak:

[HTML] pobierz, plaintext 
(function($){
    $.fn.thumbPresentation = function(options){
 
        $(this).each(function(){
 
 
        	currPhoto = 0;
			photosCount = zindex = $('img', this).length;
			zindex = 0;
 
			for(z=photosCount;z>=0;z--){
 
				$('img:eq('+z+')', this).css('z-index', zindex);
				zindex++;
 
			}
 
			setInterval( function(){
				$('img:eq('+currPhoto+')', this).fadeOut();
			});
 
			if(currPhoto == photosCount -1){
				$('img', this).fadeIn();
 
				currPhoto = 0;
			}
			else{
			currPhoto++;
			}
 
 
 
		}, Math.floor((Math.random() * 10) + 1) * 1000);
 
 
        });
        return $(this);
    };
})(jQuery)
[HTML] pobierz, plaintext 

No i html

[HTML] pobierz, plaintext 
                                <div class="photo-container">
					<img src="images/albums/sample/1.jpg" />
					<img src="images/albums/sample/3.jpg" />
					<img src="images/albums/sample/2.jpg" />
 
				</div>
				<div class="photo-container">
					<img src="images/albums/sample/2.jpg" />
					<img src="images/albums/sample/3.jpg" />
					<img src="images/albums/sample/1.jpg" />
				</div>
 
				<div class="photo-container last">
					<img src="images/albums/sample/3.jpg" />
					<img src="images/albums/sample/1.jpg" />
					<img src="images/albums/sample/2.jpg" />
				</div>
<script>
	$(document).ready( function(){
 
		$('.photo-container').thumbPresentation();
      });
</script>
[HTML] pobierz, plaintext 

Jednak nie widać w ogóle efektu, żaden z "photo-containerów" nie przemienia zdjęć, pewnie jest to spowodowane tym, że plugin nadpisuje swoje zmienne. Sam skrypt dla jednego elementu działa. Czy ktoś mógłby mi pomóc poprawić ten plugin, tak aby działał dla każdego elementu o klasie "photo-container"?

[trueblue]

Deklaruj zmienne jako lokalne.

[Ultear]

w sensie ze z var?

[kamil4u]

Tak, poczytaj o zmiennych globalnych i lokalnych w JS: http://www.cezarywalenciuk.pl/post/2013/01...-ich-unika.aspx

[Ultear]

wciąż nie za bardzo chce to działać :c

[HTML] pobierz, plaintext 
(function($){
    $.fn.thumbPresentation = function(options){
 
        $(this).each(function(){
 
 
        	        var currPhoto = 0;
			var photosCount  = $('img', this).length;
			var zindex = 0;
 
 
 
			for(z=photosCount;z>=0;z--){
 
				$('img:eq('+z+')', this).css('z-index', zindex);
				zindex++;
 
			}
 
			setInterval( function(){
				$('img:eq('+currPhoto+')', this).fadeOut();
 
 
			if(currPhoto == photosCount -1){
				$('img', this).fadeIn();
 
				currPhoto = 0;
			}
			else{
			currPhoto++;
			}
 
 
 
		}, Math.floor((Math.random() * 10) + 1) * 1000);
 
 
        });
        return $(this);
    };
})(jQuery)
</script>
[HTML] pobierz, plaintext 

[trueblue]

[HTML] pobierz, plaintext 
}, Math.floor((Math.random() * 10) + 1) * 1000);
[HTML] pobierz, plaintext 

Co to jest? Czego dotyczy?

[Ultear]

Interwał, randomowy czas powtarzania

[trueblue]

Pogubiłem się w nawiasach.

Wyprowadź na zewnątrz this z funkcji setTimeout, zadeklaruje zmienną lokalną np. _this przypisz do niej this i operuj w setTimeout na _this.