اسلایدشویی ساده مناسب برای طراحان وب تا بتونند به راحتی اسلایدر رو با سایت خودشون هماهنگ کنن
آموزش استفاده
- قبل از تگ </head> کد زیر را قرار دهید :
<link href="css/styles.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script src="js/jquery.wgslider.js" type="text/javascript"></script>
- بعد از تگ <body> کد زیر را قرار دهید :
<div id="container"> <div class="viewer"> <div class="paging"> <a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> </div> <div class="slideimages"> <a href="#"><img src="images/slide-img-1.jpg" alt="" /></a> <a href="#"><img src="images/slide-img-2.jpg" alt="" /></a> <a href="#"><img src="images/slide-img-3.jpg" alt="" /></a> <a href="#"><img src="images/slide-img-4.jpg" alt="" /></a> </div> </div> </div>
ممنون از شما.
سایز این اسلایدر رو چجوری زیاد کنیم؟ width رو.
مهدی جان .viewer توی css
width رو اوکی کردم.. فکر میکردم باید از js تغییر بدم که دیدم از css هست..
ولی بازم مشکل داره
چه مشکلی تو js هم من چک کردم * متغیر هست
سلام و خسته نباشید به شما
واقعا زحمت کشیدین
سلام مرسی از دیدگاه شما
با سلام
چه طور میشه حرکت خودکار اسلایدشو رو ثابت نگه داشت؟
میخوام فقط با کلیک من بره تصویر بعد یا قبل.
ممنون میشم اگه جواب بدید.
سلام مهسا خانم
به فایل jquery.wgslider.js برو و تغیرات زیر را انجام بده
در قسمت ////Rotation and Time
////Rotation and Time
rotateSwitch = function(){
play = setInterval(function(){
$active = $('.paging a.active').next();
if ( $active.length === 0) { //When the end is reached
$active = $('.paging a:first');
}
});
};
rotateSwitch();
در قسمت ////Click
تابع rotateSwitch(); رو حذف کن
قسمت ////Hover رو به شکل زیر تغیر بده
////Hover
$(".slideimages a").hover(function() {
clearInterval(play);
});
اینم فایل ویرایش شده
http://www.ijquery.ir/wp-content/uploads/2014/09/jquery.wgslider.js
موفق باشی
خیلی ممنون آقای طاهری
سلام
خسته نباشید
ببخشید من میخوام سایز این اسلایدر رو به 1371*1000 تغییر بدم.وقتی width و height رو تغییر میدم تغییر میکنه اما اندازه ی عکس با این سایز همخونی نداره.یعنی عکس هم اگر به این سایز باشه ولی خیلی کوچک تر نشون داده میشه.چطور میتونم این مشکل و حل کنم؟
پیشاپیش سپاس
سلام
میخوام با هر تصویر یه جمله قرار بدم. ایا امکانش هست ؟
اسلایدهای دیگرو نگا کردم اما این ساده تر و خوشکل تر بنظرم اومد.
پیشاپیش ممنون بابت راهنمایی
سلام
من یک مشکل دارم و اون اینکه وقتی کد ها رو قرار میدم درست کار میکنه ولی وقتی میرم یه سایت دیگه و دوباره برمیگردم به سایت اسلاید شو با سرعت تغییر میکته و بعد از چند دقیقه درست میشه
سلام دوست عزیز …
چطور میشه افکت های مختلف مثلا افکت fade رو براش پیاده کنیم ؟!
ممنون
عالی بود
تشکر
سلام این اسلایدشو برای وبلاگ کار نمیکنه؟
سلام
لطفا کدهای لازم jquery برای پیاده سازی افکت fade در این اسلاید را توضیح دهید.
چرا سرعت حرکت این اسلایدشو بعد از گذشت چند دقیقه زیاد می شود؟ میشود اسکریپت آن را اصلاح نمایید تا با سرعت یکسان حرکت کند؟
سلام
دوست عزیز این رو چجوری توی ویبولیتن باید استفاده کرد ؟
ما توی navbar ویبولیتن میخوایم استفاده کنیم.