【问题标题】:jQuery Cycle plugin animates very jerkyjQuery Cycle 插件动画非常生涩
【发布时间】:2012-04-12 10:03:29
【问题描述】:

我刚刚使用 jQuery Cycle 构建了一个不错的滑块:http://pxl.development.krout.nl/websitesnederland/

现在我正在尝试将该滑块集成到我们的网站 http://pxl.development.krout.nl/ 中,但我无法让它像示例一样流畅。

我尝试了很多东西,但如果不生涩,我就无法让它工作。

有人知道解决方案吗?那太好了!

【问题讨论】:

  • 此处动画流畅。我只能假设抖动是由于移动大图像时浏览器性能不佳造成的。摆脱动画抖动的快速而肮脏的解决方法是让它更快。
  • 嗯,很奇怪。在第一个示例中,我使用与第二个示例相同的图像。我看到的唯一区别是,在第二个示例中,滑块周围有一个完整的站点,而第一个示例中没有。
  • @George-In FF 有点好,但在幻灯片之间移动时,chrome 速度很慢。
  • 我只是让它变得不那么生涩,但距离第一个例子还很远!
  • 您是否将其包含在内以使宽松的东西起作用?......pxl.development.krout.nl/websitesnederland/js/jquery-ui-min.js

标签: jquery jquery-ui jquery-animate jquery-cycle


【解决方案1】:

如果您看到工作示例包含这些内容

    <script src="js/jquery-ui-min.js"></script>
    <script src="js/jquery.cycle.all.min.js"></script>
    <script src="js/script.js"></script>

除了 jquery.min.js

所以在您的网站中您已经更改了文件名并修改了代码??

因为在您的站点中包含不同的文件

    <script type="text/javascript" src="http://pxl.development.krout.nl/templates/js/library.js"></script>
    <script type="text/javascript" src="http://pxl.development.krout.nl/templates/js/slider.js"></script>

你明白我的意思吗?

更新

尝试这样做,在你的 slider.js 中,第 17 到 25 行替换为这个

            if(bForward == true || bForward == 1) {
                $(oNext).animate({
                    'left': $(window).width()+'px'
                });
            } else {
                $(oNext).animate({
                    'left': '-'+$(window).width()+'px'
                });
            }

【讨论】:

  • 我理解是的。我将 jquery-ui-min.js、jquery.cycle.all.min.js 中的所有代码放入一个文件中:library.js
  • 我把includes和第一个例子一样,但是没有生效:-(
  • 您能否调整图像的大小以适应高度 533 像素和宽度 1230 像素......因为实际图像大约 2000 像素高和 990 像素宽,这应该可以解决问题
  • 533px 高度和 1230px 宽度是您的视口减去菜单高度和白条的高度('Wat heb jij te vertellen'),女巫的高度为 150px。在大屏幕上(在广告行业中很常见),您还希望有一张漂亮的图片。我现在正在尝试使用 JPEG 稍微压缩图像。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-07-18
  • 1970-01-01
  • 2017-05-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多