اسلایدشو ساده

time جمعه ۶ اردیبهشت ۱۳۹۲ comment ۱۰ دیدگاه view 12,218 بازدید

screenshot

 

اسلایدشویی ساده مناسب برای طراحان وب تا بتونند به راحتی اسلایدر رو با سایت خودشون هماهنگ کنن

آموزش استفاده

  1. قبل از تگ </head> کد زیر را قرار دهید : 

     
  2. بعد از تگ <body> کد زیر را قرار دهید :

     

شرکت طراحی وب سایت پروگ پارس
مهدی
۱۳۹۲-۰۲-۰۶

ممنون از شما.
سایز این اسلایدر رو چجوری زیاد کنیم؟ width رو.

مهدی
۱۳۹۲-۰۲-۰۶

width رو اوکی کردم.. فکر میکردم باید از js تغییر بدم که دیدم از css هست..
ولی بازم مشکل داره

مهدی
۱۳۹۲-۰۲-۰۶

مهدی جان .viewer توی 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

موفق باشی

مهسا
۱۳۹۲-۰۲-۰۶

خیلی ممنون آقای طاهری

مهدی
۱۳۹۲-۰۲-۰۶

سلام دوست عزیز …
چطور میشه افکت های مختلف مثلا افکت fade رو براش پیاده کنیم ؟!
ممنون

دیدگاه خود را ارسال کنید :

اطلاعات فایل