Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Jcarousel. Как сделать непрерывную прокрутку изображений? (https://javascript.ru/forum/jquery/16276-jcarousel-kak-sdelat-nepreryvnuyu-prokrutku-izobrazhenijj.html)

Akimserg 01.04.2011 12:51

Jcarousel. Как сделать непрерывную прокрутку изображений?
 
Добрый день...
Подскажите пожалуйста как сделать чтобы, при событий onmouseover непрерывно выполнялась функция prev() и next() для соответствующих кнопок.

Делаю так:
$(document).ready(function(){
carusel = $('#mycarousel').jcarousel({
    	wrap: 'circular',
        scroll:1,
        initCallback: gallery_initCallback,
        animation: 'slow',
});
}
function gallery_initCallback(carousel) {

     $(".jcarousel-next").bind('mouseover', function(){
        carousel.next()        //Так сдвигается только один раз
	});
  
    $(".jcarousel-prev").bind('mouseover', function(){
	   carousel.prev()
      	});
  
    }


Буду благодарен за помощь

Skipp 01.04.2011 12:54

setInterval

Akimserg 01.04.2011 13:49

Спасибо, я тоже так думал но не решался попробовать)))

Вот получившийся код:
function gallery_initCallback(carousel) {
var timern
var intervaln = 300;
//Вперёд
     $(".jcarousel-next").bind('mouseover', function(){
	    timern = setInterval(function(){carousel.next()},intervaln);
      });
     $(".jcarousel-next").bind('mouseout', function(){
	    clearInterval(timern);
      });
      

//Назад      
    $(".jcarousel-prev").bind('mouseover', function(){
		timern = setInterval(function(){carousel.prev()},intervaln);        
	});
    $(".jcarousel-prev").bind('mouseout', function(){
		clearInterval(timern);       
	});
    }

Skipp 01.04.2011 15:03

:yes:


Часовой пояс GMT +3, время: 23:45.