よろしくお願いいします!
JavaScriptを使って、とてもとてもシンプルなスライドショー(フォトアルバム)を作りたいのですが、
見つかるのはフェードインだったりアニメーションのようにズレたりと、希望のサンプルが見つけられませんでした。。。
下記のリンク先ようなボタンクリックで単純に写真が変わる、フォトアルバムを作りたいです。
http://www.mina-perhonen.jp/show/0809aw/index.html
流したい画像をフォルダにまとめておいて、
ボタンクリックでそれらを呼び出す。
最後の写真までいったら、ストップで、NEXTボタンガ消える。
写真の基準点はリンク先の用に右上になれば、よりうれしいです。
どなたか作り方や、似たようなサンプルを配布してくださっている方をご存じなら教えてください!!
何卒よろしくお願いいたします!
A 回答 (1件)
- 最新から表示
- 回答順に表示
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ランキング
-
jQueryでサーバー上のファイル...
-
jQueryで画像を重ねる
-
window.openで値の渡し方を教え...
-
画像をクリックして変数に値を代入
-
アンケート型のホームページの...
-
画像アップロードしたい
-
MAX関数を使ってからLEFT JOIN...
-
JSPでの画像ファイル表示
-
javascriptテキストBOX色を元に...
-
c++std::string型をTCHARに変換...
-
iframe内のリンクが飛ばないの...
-
jspでcssが読み込めない
-
フッター上部に謎の隙間
-
jsでサムネイルを拡大表示 複...
-
Ctrl+F(検索)の窓を出したいの...
-
htmlの記述で link rel=styles...
-
検索結果を別フレームに表示したい
-
「jQuery」アコーディオンメニ...
-
条件分岐でキーが入力されてい...
-
JavaScript スライドの画像にリ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
jQueryでサーバー上のファイル...
-
【jQuery】複数の画像の読み込...
-
複数のバナーをリロードする度...
-
jQueryで画像を重ねる
-
一定時間ごとにgif画像の切...
-
画像をクリックすると別ウイン...
-
JavaScriptで画面サイズによっ...
-
HTMLページ内のタグに対しての...
-
【javascript】ロールオーバー...
-
HPに複数の画像をクリックで切...
-
連続したURLへのwindow.openの...
-
リンク切の場合リンクしない
-
画像と文字を同時に切り替えたい
-
JavaScriptで画像置換えてクリ...
-
画像の入れ替え
-
javascriptによるランダム画像...
-
<img>タグの alt= の値をキャプ...
-
outlook2010の不具合で困ってい...
-
複数のボールの落下、バウンド...
おすすめ情報