- 締切済み
スライドショーとスワップイメージ
HPでスライドショーとスワップイメージを連動したいのですが・・・できますか？ 例えば１～１０画像のスライドショーがあるとしてスワップイメージで５の画像を出した時にスライドショーの進むボタンで６に変わるように・・・。 よろしくお願いします。
- noom1973
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- caitsith_goo
- ベストアンサー率59% (28/47)
javascriptのスライドショウのやり方は色々あるのですが、簡単にできて応用が利くということでこんな感じはどうでしょうか。 <HTML> <HEAD> <TITLE>test</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!--- function next_photo() { if (document.images) { var photo_ary = new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg"); var src = document.f.photo.src; var src_ary = src.split("/"); var default_photo = src_ary[src_ary.length-1]; for(var i=0; i<photo_ary.length; i++) { if (photo_ary[i]==default_photo) { var num = i; } } document.f.photo.src = photo_ary[num+1]; } } //---> </SCRIPT> </HEAD> <BODY> <form name="f"> <img src="1.jpg"name="photo"> <input type="button" name="next" value="次" onClick="next_photo();"> </form> </BODY> </HTML> photo_aryの配列を作っているので、ファイルを連番にする必要がありません。 簡単に作ったのでループ処理はしていません。 このファイルと画像を同じ階層において処理を行うようにしています。 作りこめばいろんな機能を追加できます。
お礼
ありがとうございます。 参考にしてみます。