0

マーキーのような、div 内の画像をスクロールする JQuery スクロール プラグを使用しています。私は同じことを達成しようとしていますが、img タグの代わりに div タグをスクロールしたいと思います。

スクローラー

現時点ではこれがマークアップです

       <div id="contentscroller" style="clear:both;">
            <div id='left' class="logo-carousel">
                <div class="logo-test"></div>
                <img src='/images/lve.png' />
                <img src='/images/friendslife.png' />
                <img src='/images/aviva.png' />
                <img src='/images/bright-grey.png'/>
                <img src='/images/sagicor.png'/>
                <img src='/images/zurich.png'/>
                <img src='/images/legal-general.png'/>
                <img src='/images/groupama.png'/>
                <img src='/images/fortress.png'/>      
             </div>
        </div>

これがJSです

<script>
$(
function () {
    $("#left").imageScroller({ loading: 'Wait please...' });
    $("#right").imageScroller({ speed: '4000', direction: 'right' });
    $("#top").imageScroller({ direction: 'top' });
    $("#bottom").imageScroller({ speed: '3500', direction: 'bottom' });
}
)
</script> 

同じことを達成する必要がありますが、背景画像で div 要素を使用するだけです。結果はまったく同じになりますが、画像の代わりに空の div を背景として使用して、HTTP リクエストを回避し、サイトのパフォーマンスを向上させます。

画像を div に置き換えようとしましたが、JS が contentscroller div 内の img タグを具体的にターゲットにしているため、機能しません。

4

1 に答える 1