0

orbit-jquery-image-slider プラグインを使用している私は、この 'animation': 'fade' を実行することでフェード効果を与えることができますが、スライド画像はできません 'animation': 'horizo​​ntal-push' を使用しようとしましたが、機能しません 助けてください

<script type="text/javascript">
    $(window).load(function () {
        $('#featured').orbit({
            'animation': 'horizontal-push',
            'bullets': true,
            advanceSpeed: 10000,
        });
        $('.slider-navs').css('position', 'relative');
        $('#featured').css('width', '650px');
        $('#featured').css('height', '210px');

    });

</script>
<div class="holder">
    <div class="above_cont_area " style="height:50px;height: 219px;width: 650px;margin-left: 25px;margin-bottom: 25px;">
        <div id="featured">
            <img src="dummy-images/img1.jpg" data-caption="#htmlCaption" />
            <img src="dummy-images/img2.jpg" data-caption="#htmlCaption" />
            <img src="dummy-images/img3.jpg" data-caption="#htmlCaption" />
            <img src="dummy-images/img4.jpg" data-caption="#htmlCaption" />
            <img src="dummy-images/img5.png" data-caption="#htmlCaption" />
            <img src="dummy-images/img6.png" data-caption="#htmlCaption" />
            <img src="dummy-images/img7.png" data-caption="#htmlCaption" />
            <img src="dummy-images/img8.png" data-caption="#htmlCaption" />
            <img src="dummy-images/img9.png" data-caption="#htmlCaption" />
        </div>
    </div>
4

3 に答える 3

0

このプラグインでは、すべての画像が同じサイズである必要があります。追加された画像のサイズは同じですか？公式サイトはこちら

orbit 関数は一連の画像の高さと幅を動的に決定し、それに応じてスケーリングしますが、すべての画像が同じサイズであることを確認してください。

于 2013-01-25T05:58:05.837 に答える
0

フェード効果が必要な場合は、アニメーションを水平プッシュではなくフェードのみにする必要があります

$(window).load(function() {
    $('#featured').orbit({
            'animation': 'fade',
            'bullets': true,
            advanceSpeed: 10000
        });
  });
于 2013-01-25T06:03:32.783 に答える