رفتن به مطلب

پست های پیشنهاد شده

با سلام یه اسلاید می خوام مثه این عکس

slider-2.png

فقط من این اسلایدر را درست کردم ولی اون افزونه جی کوئری که استفاده کردم قابلیت این را نداره وقتی موس میاد روی یکی از آیتم ها اسلاید حرکت نکنه

اگه کسی اسلایدری سراغ داره که این امکار را داشته باشه ممنون میشم اینجا در اختیارم قرار بده

به اشتراک گذاری این ارسال


لینک به ارسال

از چه افزونه ای استفاده کردی؟ می تونید این قسمت رو خودت اضافه کنی بهش. رو hover سرعت اسلایدر رو طبق تنظیماتش 0 کن.

به اشتراک گذاری این ارسال


لینک به ارسال

افزونه نیست کد هست افزونه وردپرس نیست

این کدش


(function(){

var dly = 200;
$('.scroll-gal').each(function() { // caring about multi instances
var el = $(this),
ul = $('ul', el);
$('div', el).not('.vewport').click(function() {
// in case any animation in progress we do nothing
if( ul.is(':animated') ) return;
var first = $('li:first', ul),
last = $('li:last', ul);
switch( $(this).css('float') ) { // relaying on css floats which might be not the case for complex galleries
case 'left':
ul.css('left', -last.outerWidth(true)).prepend(last).animate({'left': 0}, dly);
break;
case 'right':
ul.animate({'left': -first.outerWidth(true)}, dly, function(){
$(this).append(first).css('left', 0)
});
break;
} // switch construction
}); // navigation click handler
}); // each loop
})();

به اشتراک گذاری این ارسال


لینک به ارسال


$("li").mousemove(function() {
dly=0;
});

اینجوری می تونی متوقف کنی.

به اشتراک گذاری این ارسال


لینک به ارسال

معذرت کد بالا را اشنباه دادم اینه داداش

mhabedinpour.com/lab/slider/

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...