javascript - jqueryで画像の配列をフェードサイクルします

Question

単純なフェード効果として循環させたい背景画像の配列があります。これは、image htmlタグを使用して簡単に実行できますが、スタイルとして設定された背景画像である必要があります。背景画像は、cmsを使用して動的にプルスルーされます。

これが私が扱っているものをホームページで見ることができるようにするためのリンクです（現在の画像はページトップのdivのcssに設定された背景画像です）：

リンク

Answer 1

この効果は、 Cyclejqueryプラグインによって簡単に実現できます。

例：

HTML：

<div class="pics"> 
    <img src="images/image1.jpg" width="normal height" height="normal height" /> 
    <img src="images/image2.jpg" width="normal height" height="normal height" /> 
    <img src="images/image3.jpg" width="normal height" height="normal height" /> 
</div>

JS：

$(".pics").cycle({
   ,options,
});

写真divの幅と高さをページの幅と高さと同じに設定し、画像がオーバーフローしないようにオーバーフローを非表示にする必要があります。

ここにサンプルがあります：h ttp：//bazar-restaurant.somee.com