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>