代码之家  ›  专栏  ›  技术社区  ›  rhodesjason

循环jQuery插件,图像可以直观地双向滑动吗?

  •  2
  • rhodesjason  · 技术社区  · 14 年前

    我使用的是jQuery cycle插件: http://jquery.malsup.com/cycle/

    效果很好。我的委托人想要一份 <div>

    下面是我正在使用的jQuery插件调用:

    $('#slidingpanelscontent').cycle({ 
        fx: 'scrollLeft',
        next: "#sliding_next",
        prev: "#sliding_prev",
        timeout: 6000,
        speed: 800
    });
    

    换言之,显示的是正确的图像,但动画是违反直觉的,会导致用户相信正在显示下一个面板,而不是移回上一个面板。

    有人知道用这个插件克服这个问题的方法吗?

    2 回复  |  直到 14 年前
        1
  •  2
  •   jwal    14 年前

    我不确定cycle插件是否可以实现这一点,但我最近查看了一个教程,它可以满足您的需要。它被称为“无限旋转木马”。

    看到这个了吗 infinite carousel tutorial 详情。

    http://jquery.malsup.com/cycle/add6.html

        2
  •  5
  •   Simon Arnold    13 年前

    使用fx:'scrollHorz'而不是fx:'scrollLeft'。 这样,动画将同时工作。 希望对您有所帮助:)