Seditio.by

Останавливаем карусель jcarousellite при наведении мыши (hover)

Seditio.by » Наш блог » jQuery и JavaScript » Останавливаем карусель jcarousellite при наведении мыши (hover)

Останавливаем карусель jcarousellite при наведении мыши (hover)

При создании веб-сайтов часто приходится использовать сторонние jQuery-плагины, позволяющие реализовать многие популярные функции -- такие, как, например, карусели. Плагин jcarousellite является одним из самых удобных и простых в использовании скриптов, использующихся для формирования каруселей. С одним небольшим "но": в нем отсутствует возможность остановить автопрокрутку (autoscroll) при наведении мышью. Вопрос этот обсуждается довольно долго, но автор плагина почему-то никак не реагирует на него.

Между тем, проблема решается довольно просто.

Находим блок кода

if(o.auto)
	setInterval(function() {
		go(curr+o.scroll);
	}, o.auto+o.speed);

... и изменяем его на

if(o.auto) {
	autoScroll = setInterval(function() { 
		go(curr+o.scroll); 
	}, o.auto+o.speed); 
	div.hover(
		function() {
			clearInterval(autoScroll);
		},
		function() {
			autoScroll = setInterval(function() { 
				go(curr+o.scroll); 
				}, o.auto+o.speed);
		}
	);
}
 

Комментарии


1. Russel
07:39 07.04.2011

Отлично, давно искал решение этой проблемки.
Только замечание одно - вместо div.hover по идее должно быть с.hover
По крайней мере у меня переменная div в скрипте не определена.



2. igor
12:49 08.09.2011

спасибо!


Всего : 2, на странице: 2

Имя (E-mail):
* Ваш комментарий будет доступен для редактирования в течение 10 Минут

Похожие страницы

    Нет записей

    Поиск: