jquery - jQuery - 循环插件 - 图像定位

Question

我正在使用 jQuery Cycle 插件来旋转该站点上的一系列图像。这些图像在 Safari 中看起来不错，但在 Firefox 中它们在顶部偏离了大约 4 个像素。显然，对于那里的相交线，保持正确的定位是相当关键的。

我希望能在定位该元素方面提供一些帮助，以便 cycle.js 不会移动它。

谢谢。

Answer 1

原来这是浮动元素和循环代码的绝对定位之间的冲突。

我用另一种实际上可以正常工作的解决方案替换它。

<script type="text/javascript">
$(function(){
        setInterval("rotateImages()", 4000 );
    });

    function rotateImages() {
        var oCurPhoto = $("#slideshow div.current");
        var oNxtPhoto = oCurPhoto.next();
        if (oNxtPhoto.length == 0)
            oNxtPhoto = $("#slideshow div:first");

        oCurPhoto.removeClass('current').addClass('previous');
        oNxtPhoto.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 2000, 
            function() {
                oCurPhoto.removeClass('previous');
            }); 
}
</script>