نمایش عکس هر 70 ثانیه یکبار

[leontry89]

دوستان با استفاده از تگ img یک عکس و نشون میدم تو سایتم میخوام هر 70 ثانیه یکبار به شکل نرمی یه عکس دیگه بجاش نمایش داده بشه.

[Javidhb]

برای اینکه یه دستور رو هر چند هزارم ثانیه یک بار اجر کنید باید از setInterval استفاده کنید.
برای تغییر عکس هم میتونید src عکس رو تغییر بدید. (بهتره عکسهاتون رو قبل preload کنید تا موقع تغییر عکس، مرورگر شروع به لود عکس جدید نکنه)


setInterval(function(){
$('img').attr('src', '../newImage.jpg'); //تغییر آدرس عکس
},70000);//70 ثانیه

[leontry89]

با سپاس اما میخواستم خیلی نرم این عکس تغییر پیدا کنه

[us1234]

استفاده از این کد


setInterval(function(){

$('#img').animate({'src': '../newImage.jpg'}, 5000);


},70000);//70 ثانیه

[Javidhb]

با سپاس اما میخواستم خیلی نرم این عکس تغییر پیدا کنه

برای اون کار هم میتونید از effect های خود jquery یا پلاگینهای دیگه استفاده کنید. مثلا برای fadeIn به لینک زیر نیگا کنید:
http://stackoverflow.com/a/5979638/2506043

[leontry89]

خیلی ممنون اما من اشنایی با jquery ندارم اگه میشه یه مثال بدید واقعا ممنون میشم

[2undercover]

توی همون لینک یک مثال هم هست:

http://jsfiddle.net/HpmN7/

[leontry89]

عزیز من میخوام خودش هر چند ثانیه یکبار تغییر کنه

[2undercover]

http://codepen.io/2undercover/pen/uodFk

فقط کافیه به جای متغیر interval زمانی رو که می خواید عکس عوض بشه، به ثانیه بدید!