نمونه کد اسلاید شو با جی کوئری

کدهای دیگر این نویسنده

نمایش در php

نمایش در php


افکت fade در جی کوئری

افکت fade در جی کوئری


ارسال ایمیل با php

ارسال ایمیل با php


استفاده از صوت در html

استفاده از صوت در html


ارسال ایمیل با phpmailer

ارسال ایمیل با phpmailer


کد قرار دادن ادامه مطلب با php

کد قرار دادن ادامه مطلب با php


کد ساخت چند فایل route جداگانه برای پروژه لاراول

کد ساخت چند فایل route جداگانه برای پروژه لاراول


انواع validation عکس در لاراول

انواع validation عکس در لاراول


کد آدرس صفحه جاری در وردپرس

کد آدرس صفحه جاری در وردپرس


کد آپلود عکس با ajax جی کوئری و پی اچ پی

کد آپلود عکس با ajax جی کوئری و پی اچ پی


کد نمایش اطلاعات دیتابیس با php و mysqli

کد نمایش اطلاعات دیتابیس با php و mysqli


کد غیرفعال کردن created_at و updated_at timestamps در مدل

کد غیرفعال کردن created_at و updated_at timestamps در مدل


کد نمایش نام کلاس یا متد جاری در codeigniter

کد نمایش نام کلاس یا متد جاری در codeigniter


کد بارگذاری خودکار صفحه با jquery

کد بارگذاری خودکار صفحه با jquery


کد استفاده از کتابخانه sweetalert در لاراول

کد استفاده از کتابخانه sweetalert در لاراول


نمونه کد اسلاید شو با جی کوئری
<div id="slideshow">
   <div>
     <img src="//farm6.static.flickr.com/5224/5658667829_2bb7d42a9c_m.jpg">
   </div>
   <div>
     <img src="//farm6.static.flickr.com/5230/5638093881_a791e4f819_m.jpg">
   </div>
   <div>
     Pretty cool eh? This slide is proof the content can be anything.
   </div>
</div>

تست 

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

 

نمونه کد اسلاید شو با جی کوئری
لطفا وارد شوید یا ثبت نام کنید تا بتوانید ثبت نظر کنید