重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

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

締切済

  • 質問者：takasi123
  • 質問日時：
  • 回答数：1件

よろしくお願いいします！

JavaScriptを使って、とてもとてもシンプルなスライドショー（フォトアルバム）を作りたいのですが、
見つかるのはフェードインだったりアニメーションのようにズレたりと、希望のサンプルが見つけられませんでした。。。

下記のリンク先ようなボタンクリックで単純に写真が変わる、フォトアルバムを作りたいです。
http://www.mina-perhonen.jp/show/0809aw/index.html

流したい画像をフォルダにまとめておいて、
ボタンクリックでそれらを呼び出す。

最後の写真までいったら、ストップで、NEXTボタンガ消える。
写真の基準点はリンク先の用に右上になれば、よりうれしいです。


どなたか作り方や、似たようなサンプルを配布してくださっている方をご存じなら教えてください！！

何卒よろしくお願いいたします！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1

  • 回答者： _pipi_
  • 回答日時：

<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>
自作例がないので解説はしません。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報