m3hdi

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

2 پست در این موضوع

با سلام .

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

متاسفانه تنها مشکلی که این اسلایدر داره این هستش که تصاویر تکرار نمیکنه ....

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

کد مربوط به جی کوئری ::

<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

Share this post


Link to post
Share on other sites
کدگذاری فایلهای php با ioncube لپ تاپ استوک قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php لپ تاپ استوک در اندیشه لپ تاپ استوک در شهرقدس لپ تاپ استوک در فردیس لپ تاپ استوک در شهریار

سورس اصلی ایراد داره برسی کنید ک نسبت به اون مشکل رو بشه برطرف کرد

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری