Question

我正在使用jQuery Cycle插件在此site上旋转一系列图像。这些图像在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>

jQuery - 循环插件 - 图像定位

1 个答案: