よろしくお願いいします!
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ランキング
-
複数のバナーをリロードする度...
-
window.openで値の渡し方を教え...
-
一定時間ごとにgif画像の切...
-
jQueryでサーバー上のファイル...
-
画像をクリックすると別ウイン...
-
outlook2010の不具合で困ってい...
-
タイマーをデジタル時計風にす...
-
MAX関数を使ってからLEFT JOIN...
-
MFCで画像を表示させているので...
-
JavaScriptで変更した属性の元...
-
Gifアニメ、最後のコマに行った...
-
クリックで色変更後に既に変更...
-
createElementが一瞬で消えてし...
-
デフォルト非表示にしたい。【t...
-
javascriptテキストBOX色を元に...
-
iframe内のリンクが飛ばないの...
-
Slick.jsのオプションrtlについて
-
onmouseoverの表示切り替えが上...
-
html スクロール要素を下から表...
-
javascriptで教えてください。 ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
JavaScriptで画面サイズによっ...
-
jQueryでサーバー上のファイル...
-
画像と文字を同時に切り替えたい
-
インラインフレームでのクッキ...
-
setAttributeによる画像の差し替え
-
【jQuery】複数の画像の読み込...
-
JAVAで画像をボタンで切り替え...
-
画像の座標位置取得
-
連番画像「次へ」「前へ」で、...
-
imgのsrcに値を設定するには
-
画像をクリックすると別ウイン...
-
複数のボールの落下、バウンド...
-
連続したURLへのwindow.openの...
-
JavaScriptで画像置換えてクリ...
-
<img src"○.jpg">の○をランダム...
-
スライドショーにフェード効果...
-
jQueryで画像を重ねる
-
クリッカブルマップでリモート...
-
複数のバナーをリロードする度...
おすすめ情報