Остановить анимацию jcarousel Lite при наведении мыши? - PullRequest
Новая
       35

Остановить анимацию jcarousel Lite при наведении мыши?

1 голос
/ 28 июля 2010

Я пытаюсь остановить анимацию моего элемента jcarouselled, когда пользователь наводит курсор на определенный элемент.Я прокручиваю содержимое, не относящееся к изображениям, и хочу предоставить пользователю возможность читать прокручиваемый текст.

Как это сделать?Это даже не упоминается в документации.

Ответы [ 3 ]

11 голосов
/ 24 октября 2010

Попробуйте этот модифицированный скрипт jCarosel Lite

http://www.webdesignbooth.com/demo/news-ticker/jcarousellite_1.0.1c4.js

0 голосов
/ 22 июня 2015

Думаю, это поможет тому, кто использует http://sorgalla.com/jcarousel/examples/

$('.jcarousel').hover(function() {
    $(this).jcarouselAutoscroll('stop');
}, function() {
    $(this).jcarouselAutoscroll('start');
});
0 голосов
/ 29 января 2015

Ваш модифицированный скрипт jCarosel Lite помог мне решить и мою проблему.Спасибо Старкс.Но я еще не нашел способ использовать Команду, поскольку я учусь.

Позже я понял, что использовал два слайдера на странице.Это: 

<script type="text/javascript">
$(function() {
    $(".scrollMore .carousel").jCarouselLite({
        btnNext: ".scrollMore .next",
        btnPrev: ".scrollMore .prev",
        scroll: 1,
        visible: 4,
        mouseWheel: true,
        auto: 800,
        speed: 1500,
        hoverPause: true,
    });

    $(".scrollMore .carouselClient").jCarouselLite({
        btnNext: ".scrollMore .next",
        btnPrev: ".scrollMore .prev",
        scroll: 1,
        visible: 2,
        mouseWheel: true,
        auto: 800,
        speed: 3000,
        hoverPause: true,
    });
});
</script>
...