تکرار نشدن عکس در اسلایدر

mehditayebi

کاربر تازه وارد
تازه وارد
با سلام .

من یک اسلایدر سبکی طراحی کردم که فقط نیاز به جی.کوئری داره برای لود تصاویر...
متاسفانه تنها مشکلی که این اسلایدر داره این هستش که تصاویر تکرار نمیکنه ....

یعنی وقتی به انتها میرسه دیگه حالت چرخشی نداره ... کسی از دوستان راهی و یا پیشنهادی داره برای برطرف کردن این موضوع ؟؟؟

کد مربوط به جی کوئری ::
کد:
<script>
	$(document).ready(function(){
		var smg = $('ul#slide li img');
		var tp = smg.length;	
		var animate = "495px";
		var length = Math.ceil(tp/3); //tp/x num disply page
		var row = length-1;
		$('#slide').find('> img:first').click(function(){
			if(row == length-1) return false;
			smg.animate({"top": "+="+animate},'slow'); row++;
				$('#slide').find('> img:last').attr('src','img/bottom-on.gif');
				$(this).attr('src','img/top-of.gif');
		});
		$('#slide').find('> img:last').click(function(){
			if(row == 0) return false;
			smg.animate({"top": "-="+animate},'slow');--row;
				$(this).attr('src','img/bootm-of.gif');
				$('#slide').find('> img:first').attr('src','img/top-on.gif');
		});
	});	
</script>
برای مشاهده سورس کد هم به آدرس های زیر برید ::

http://mehditayebi.ir/slide/Vertical.html
http://mehditayebi.ir/slide/Horizontal.html
 
بالا