درخواست کد اسلاید شو تصویر
- نویسنده موضوع behnam_tr
- تاریخ شروع
کد:
<link href="nivo-slider/nivo-slider.css" rel="stylesheet" type="text/css" media="all" />
<link href="nivo-slider/custom-nivo-slider.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:500, //Slide transition speed
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:false, //Only show on hover
controlNav:false, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){}, //Triggers after all slides have been shown
lastSlide: function(){}, //Triggers when last slide is shown
afterLoad: function(){} //Triggers when slider has loaded
}).
find('a.nivo-prevNav').text('قبلی').end().
find('a.nivo-nextNav').text('بعدی');
});
</script>
کد:
<div id="slider">
<img src="images/1.jpg" alt="" title="" />
<img src="images/2.jpg" alt="" title="" />
<img src="images/3.jpg" alt="" title="" />
</div>2. برای اضافه كردن توضيح روی عكس ميتونی به title مقدار بدی (مثل: <img src="images/1.jpg" alt="" title="image title" /> )
3. زمان نشون دادن هر عكس هم ميتونی با عوض كردن مقدار animSpeed، تغيير بدی. البته ميلی*ثانيه بايد باشه!
دوست عزيز اين خيلی امكانات داره كه اگه بری به سايت سازنده*ی اين پلاگين، بهتره به نظرم!
لینک ها تنها برای اعضای سایت قابل نمایش است.
لینک ها تنها برای اعضای سایت قابل نمایش است.
【★ tv_kade ★】
تازه وارد
درود
دوستان من میخوام این اسلاید شو رو نصب کنم
ولی اصلا بلد نیستم باید چکار کنم
ممنون میشم یکی از دوستان برای یه اماتور کامل از همون اول ساده توضیح بده باید چکار کنم :67:
با سلام
بنده nivo slider رو از سایت سازنده اش دریافت کردم..مشکل این که در Firefox 5 و chrom به درستی کار می کنه اما در IE 6 زمانی که تصاویر کوچکتری جهت نمایش قرار می دم و عرض و ارتفاع متناسب با تصاویر جدید رو وارد می کنم، دو باکس(border) در پشت اسلاید ایجاد می شه..چطور می شه اینا رو حذف کرد؟
لطف می کنید اگه راهنمایی بفرمایید.
بنده nivo slider رو از سایت سازنده اش دریافت کردم..مشکل این که در Firefox 5 و chrom به درستی کار می کنه اما در IE 6 زمانی که تصاویر کوچکتری جهت نمایش قرار می دم و عرض و ارتفاع متناسب با تصاویر جدید رو وارد می کنم، دو باکس(border) در پشت اسلاید ایجاد می شه..چطور می شه اینا رو حذف کرد؟
لطف می کنید اگه راهنمایی بفرمایید.