単純なフェード効果として循環させたい背景画像の配列があります。これは、image htmlタグを使用して簡単に実行できますが、スタイルとして設定された背景画像である必要があります。背景画像は、cmsを使用して動的にプルスルーされます。
これが私が扱っているものをホームページで見ることができるようにするためのリンクです(現在の画像はページトップのdivのcssに設定された背景画像です):
単純なフェード効果として循環させたい背景画像の配列があります。これは、image htmlタグを使用して簡単に実行できますが、スタイルとして設定された背景画像である必要があります。背景画像は、cmsを使用して動的にプルスルーされます。
これが私が扱っているものをホームページで見ることができるようにするためのリンクです(現在の画像はページトップのdivのcssに設定された背景画像です):
この効果は、 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