鼠标悬停时停止 jcarousel Lite 动画?

发布于 2024-09-11 23:05:28 字数 100 浏览 11 评论 0原文

当用户将鼠标悬停在特定项目上时,我试图停止 jcarouselled 项目的动画。我正在滚动非图像内容,我想让用户有机会阅读滚动的文本。

怎么做呢?文档中甚至没有提到它。

I am trying to stop the animation of my jcarouselled item when the user is hovering over a particular item. I am scrolling non-image content and I want to give user an opportunity to read the scrolled text.

How to do it? It is not even mentioned on the documentation.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

小耗子 2024-09-18 23:05:28

您修改后的 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>

Your Modified jCarosel Lite script helped me to solve my problem also. Thanks Starx. But I was not finding the way how to use the Command as I am learner yet.

later I got that, I used on two slider on a page. They are:

<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>
忆沫 2024-09-18 23:05:28

认为这会对使用 http://sorgalla.com/jcarousel/examples/ 的人有所帮助

$('.jcarousel').hover(function() {
    $(this).jcarouselAutoscroll('stop');
}, function() {
    $(this).jcarouselAutoscroll('start');
});

Thought it will help someone who using http://sorgalla.com/jcarousel/examples/

$('.jcarousel').hover(function() {
    $(this).jcarouselAutoscroll('stop');
}, function() {
    $(this).jcarouselAutoscroll('start');
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文