[B! スライドショー] hariganetのブックマーク

hariganet id:hariganet

スライドショーに関するhariganetのブックマーク (2)

html内にスライドショーを複数設置 - OKWAVE
ANo1、2です。 aaaaymさんが作成なさったコードではなく、参照先のコードをひとつのセットとしてそれを必要なだけ（idや名前等を替えて）設置してくださいという意味です。具体的には、もとのコードが function slideSwitch() { ～～～～～～～ } setInterval(slideSwitch, 2100 ); という構成になっているとすれば、2個目は、 function slideSwitch2() { ～～～～～～～ } setInterval(slideSwitch2, 2100 ); といった按配です。（もちろんidその他も変更してください）この方法だと、何十個もあると面倒なことになるので、個別に制御したい要素（例として、対象要素、切替わり時間、切替わり間隔）を可変にできるようにしておいて、必要な回数呼び出せば良いというような発想になるかと思います。以
hariganet 2013/09/12
html5

スライドショー
リンク
3/3 複数の画像がふわっと切り替わる！スライドショーの作り方 [ホームページ作成] All About
複数の画像がふわっと切り替わる！スライドショーの作り方(3ページ目)複数の画像が数秒間隔でフェイドアウト・フェイドインを繰り返す「ふわっと表示が切り替わる」効果のあるスライドショーをWeb上で作る方法を解説。画像を掲載する短いHTMLに、配置と重なり順序を調整するCSSを加え、jQueryでスライドショーを制御することで簡単に作れます。画像はリンクにもできるため、クリックすると詳細ページへ飛ぶスライドショーを作ることもでき、シンプルながら活用範囲の広いスライドショーになります。画像だけでなく、ボックスごと切り替えるスライドショーを作る方法さて、前ページで作成した例のように「ただ画像を切り替える」だけではなく、画像にキャプションを付加したり、画像をリンクにしたりした状態で「ボックスを丸ごとを切り替える」スライドショーを作ってみましょう。先ほどと同様に「A Simple jQuery S
hariganet 2013/09/11
JavaScript

jquery

スライドショー
リンク
1