• 締切済み

JavaScriptでシンプルなスライドショー

よろしくお願いいします! JavaScriptを使って、とてもとてもシンプルなスライドショー(フォトアルバム)を作りたいのですが、 見つかるのはフェードインだったりアニメーションのようにズレたりと、希望のサンプルが見つけられませんでした。。。 下記のリンク先ようなボタンクリックで単純に写真が変わる、フォトアルバムを作りたいです。 http://www.mina-perhonen.jp/show/0809aw/index.html 流したい画像をフォルダにまとめておいて、 ボタンクリックでそれらを呼び出す。 最後の写真までいったら、ストップで、NEXTボタンガ消える。 写真の基準点はリンク先の用に右上になれば、よりうれしいです。 どなたか作り方や、似たようなサンプルを配布してくださっている方をご存じなら教えてください!! 何卒よろしくお願いいたします!

みんなの回答

noname#84373
noname#84373
回答No.1

<html> <script> var max=3,np=0; function p(n){ document.getElementById('ph').src='./img/'+n+'.jpg'; document.getElementById('pb').disabled=(n==(max-1))?true:false; np=n; } </script> <body> <img src="./img/0.jpg" width="320" height="200" style="float:right" id="ph"> <a href="javascript:p(0)">Photo A</a><br> <a href="javascript:p(1)">Photo B</a><br> <a href="javascript:p(2)">Photo C</a><br> <input type="button" value="next" onClick="p(++np)" id="pb"> </body></html> 自作例がないので解説はしません。

関連するQ&A