![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_15.png?5a7ff87)
よろしくお願いいします!
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?5a7ff87)
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ランキング
-
一定時間で画像とリンク先を変...
-
HTMLページ内のタグに対しての...
-
JS switch文について
-
imgのsrcに値を設定するには
-
タイマーをデジタル時計風にす...
-
連番画像「次へ」「前へ」で、...
-
window.openで値の渡し方を教え...
-
Javaにて画像を残像が残りつつ...
-
一定時に画像を変え、その画像...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
スクロール可能なチェックボックス
-
「戻る」「進む」ボタンで画像...
-
JSPでの画像ファイル表示
-
c++std::string型をTCHARに変換...
-
ダイアログから画像ファイルは...
-
javascriptテキストBOX色を元に...
-
removeAttribute()メソッドで削...
-
「jQuery」アコーディオンメニ...
-
jQuery の jqPlotプラグイン
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の座標位置取得
-
window.openで値の渡し方を教え...
-
画像と文字を同時に切り替えたい
-
jQueryで画像を重ねる
-
this.src等のthisについて
-
画像の下に説明文をつけて切り...
-
画像をクリックすると別ウイン...
-
JAVAで画像をボタンで切り替え...
-
jQueryでサーバー上のファイル...
-
画像アップロードしたい
-
クリックで次の画像へ
-
画像をクリックして変数に値を代入
-
複数の画像の中から複数の画像...
-
imgのsrcに値を設定するには
-
スマートな外部javaでロールオ...
-
複数のバナーをリロードする度...
-
divの背景画像を、徐々に表示さ...
-
タイマーをデジタル時計風にす...
-
アンケート型のホームページの...
-
一定時間で画像を変更するスク...
おすすめ情報