![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_15.png?e8efa67)
よろしくお願いいします!
JavaScriptを使って、とてもとてもシンプルなスライドショー(フォトアルバム)を作りたいのですが、
見つかるのはフェードインだったりアニメーションのようにズレたりと、希望のサンプルが見つけられませんでした。。。
下記のリンク先ようなボタンクリックで単純に写真が変わる、フォトアルバムを作りたいです。
http://www.mina-perhonen.jp/show/0809aw/index.html
流したい画像をフォルダにまとめておいて、
ボタンクリックでそれらを呼び出す。
最後の写真までいったら、ストップで、NEXTボタンガ消える。
写真の基準点はリンク先の用に右上になれば、よりうれしいです。
どなたか作り方や、似たようなサンプルを配布してくださっている方をご存じなら教えてください!!
何卒よろしくお願いいたします!
A 回答 (1件)
- 最新から表示
- 回答順に表示
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_12.png?e8efa67)
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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) excelvbaでスライドショーを作りたい 2 2023/04/20 14:32
- 写真・ビデオ 彼氏の仕事がこれから多忙になるのですが、とてもハードな様子のため、何か自分にできることで少しでも元気 1 2023/08/21 22:50
- Excel(エクセル) Excel VBAについてです。 少しだけ知識はあるのですが、 うまくいかなかったので 質問させてい 3 2022/09/13 18:40
- 写真 写真(画像)編集スキルを質問する時 1 2022/12/07 14:14
- WordPress(ワードプレス) Wordpress 複数プラグインの不具合? 1 2022/10/09 21:52
- Android(アンドロイド) GooglePixel6aで写真が勝手に消えた 5 2023/04/05 15:48
- Windows 10 ファイルエクスプローラーでフォルダを閉じる操作について 2 2022/10/15 11:06
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- ドライブ・ストレージ windowsで写真を上下反転 4 2022/07/03 10:49
- Excel(エクセル) エクセルVBA Msgboxでの変数の活用 4 2023/07/23 08:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【javascript】ロールオーバー...
-
一定時間ごとにgif画像の切...
-
window.openで値の渡し方を教え...
-
画像と文字を同時に切り替えたい
-
前回の質問の続き
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
1枚の画像をクリックすると複数...
-
フッター上部に謎の隙間
-
iframe内のリンクが飛ばないの...
-
MFCで画像を表示させているので...
-
表示・非表示のスクリプトで、...
-
getElementByIdの戻り値がnull...
-
appendChildでのデフォルト値
-
[jQuery]bxSlider 一番最後と...
-
iframe内のリンク文字のマウス...
-
jQueryでのドラッグアンドドロ...
-
bxsliderで最初に縦に複数表示...
-
指定したフォルダの画像を一括...
-
JavaScript で flexslider の画...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
this.src等のthisについて
-
imgのsrcに値を設定するには
-
jQueryでサーバー上のファイル...
-
画像の座標位置取得
-
イベントハンドラを完全に外部...
-
連番画像「次へ」「前へ」で、...
-
画像の下に説明文をつけて切り...
-
JS switch文について
-
JavaScriptでリクエストを飛ば...
-
スマートな外部javaでロールオ...
-
JavaScriptでシンプルなスライ...
-
一定時間で画像とリンク先を変...
-
javascript 時計24時間表示
-
画像と文字を同時に切り替えたい
-
これはどんなJavaScriptなので...
-
Javaにて画像を残像が残りつつ...
-
FirefoxでonMouseOver/Outの動...
-
divの背景画像を、徐々に表示さ...
-
時間によって表示される画像を...
おすすめ情報