0

我使用 Sorgilla jcarousel,只是想知道为什么只有在 Google Chrome 中,当我放大或缩小,而不是 100% 时,旋转木马的位置完全关闭。我不确定要发布什么特定代码,但这里是调用的 2 个轮播。两者都有同样的问题。我假设它与像素没有调整大小或其他东西有关,但这在其他浏览器中不是问题。

任何帮助都会非常感谢。

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
    start: 2, // Configuration goes here
    wrap: "circular",
    scroll: 1,
    auto:7
});
});

jQuery(document).ready(function() {
jQuery('#top-carousel').jcarousel({
    start: 2, // Configuration goes here
    wrap: "circular",
    auto: 12,
    scroll: 1

});
});
</script>
4

1 回答 1

0

您可以使用对我来说很好的解决方法。这不是最好的解决方案,您绝对可以尝试改进它。这是更改代码的方法

jQuery(document).ready(function() {
var animation = $.browser.safari ? null : "normal";
jQuery('#mycarousel').jcarousel({
    start: 2, // Configuration goes here
    wrap: "circular",
    scroll: 1,
    auto:7,
    animation: animation,
        itemLoadCallback: {
            onBeforeAnimation: function (instance) {
                if ($.browser.safari) {
                    var itemPos = instance.first;
                    var pageWidth = instance.container.width();
                    var expectedItemPos = pageWidth * (1 - itemPos);
                    instance.container.prevObject.animate({ "left": expectedItemPos + "px" });
                }
            }
        }
});
});

上面的代码用于从左到右的轮播。有关 jcarousel 配置的附加信息,您可以在此处找到

于 2013-04-03T14:12:05.897 回答