как добавить в jquery карусель функцию автопрокрутки?

12
L
На сайте с 13.08.2011
Offline
40
5648

есть карусель, меняющая контент по клику. как в скрипт добавить еще и авто прокрутку, и чтобы при наведении на блок, прокрутка останавливалась?

  $(document).ready(function() {

// main vertical scroll
$("#main").scrollable({

// basic settings
vertical: true,

// up/down keys will always control this scrollable
keyboard: 'static',

// assign left/right keys to the actively viewed scrollable
onSeek: function(event, i) {
horizontal.eq(i).data("scrollable").focus();
}

// main navigator (thumbnail images)
}).navigator("#main_navi");

// horizontal scrollables. each one is circular and has its own navigator instance
var horizontal = $(".scrollable").scrollable({ circular: true }).navigator(".navi");


// when page loads setup keyboard focus on the first horzontal scrollable
horizontal.eq(0).data("scrollable").focus();
});

я функцию нашел от другой карусели, но куда ее вставить непонятно. также она работает с другой версией библиотеки, и не знаю, можно ли ее прикрутить сюда вообще.

	$(document).ready(function(){

$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
O
На сайте с 29.05.2008
Offline
195
#1

looner, посмотрите, слайдер с кучей функций, в т.ч., автопрокруткой.

L
На сайте с 13.08.2011
Offline
40
#2

мне не нужен другой. это я все видел. мне нужен тот что у меня стоит с функцией о которой я писал выше.

L
На сайте с 13.08.2011
Offline
40
#3

вверх ^^^^^^^

М
На сайте с 08.02.2006
Offline
59
#4
L
На сайте с 13.08.2011
Offline
40
#5

из той же серии с того же сайта:

http://jquerytools.org/demos/scrollable/site-navigation.html

L
На сайте с 13.08.2011
Offline
40
#6

вверх ^^^^^^^

L
На сайте с 13.08.2011
Offline
40
#7

вверх ^^^^^^^

S5
На сайте с 04.01.2010
Offline
77
#8

А так тяжело зайти в мануал и почитать?

http://jquerytools.org/documentation/basics.html#global_configuration

// initialize a few scrollables and add more features to them
$(".scroller").scrollable({circular: true}).
navigator("#myNavi").autoscroll({interval: 4000});

Народ окончательно разленился

L
На сайте с 13.08.2011
Offline
40
#9

спасибо. а кто подскажет как это объединить в один скрипт. как не пытался прикрутить функцию туда, ничего не выходит. я так понимаю, надо добавить сюда:

var horizontal = $(".scrollable").scrollable({ circular: true }).navigator(".navi");

это

.autoscroll({interval: 4000});

но не получается.

S5
На сайте с 04.01.2010
Offline
77
#10

Попробуйте

$(".scrollable").autoscroll({interval: 4000});

или

var horizontal = $(".scrollable").scrollable({ circular: true }).navigator(".navi").autoscroll({interval: 4000});

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий