
タグ手打ちで、独学でサイトを作っている者からの、HTMLについての質問です。
「こういう風にできないかな」と漠然と考えているだけなので、用語がわからず過去の質問が検索できませんでした。
また、そんな都合のいい方法があるかどうかもわかりません。あらかじめご了承下さい。
現在、
写真は<a href="gazou-001.html" onclick=" window.open('gazou-001.html', '_blank', 'width=350,height=200'); return false;">こちら</a>
のように、ポップアップ状態で小窓を表示させ、その中に画像を入れています。また、さらに画像の下に「次・戻る」などの、別の画像に移るリンクを入れようと思います。
ですがこの方法ですと、画像の枚数分「gazou-###.html」ファイルをつくらなくてはなりません。(画像の枚数は、100枚以上には増える予定です)
それは仕方ないことですか?
「###」の部分に任意の画像番号を放り込んで、「gazou-###.html」を一つのファイルで済ませるようなことはできるでしょうか。
最後まで読んで頂きまして、ありがとうございました。
No.2ベストアンサー
- 回答日時:
htmlにフォトアルバムのような作りのFLASH(swfファイル)を張り付けて、画像を読み込ませては、いかがですか?
参考URLの素材屋さんの「フラッシュ素材」「フォトアルバム」の中の「スライドショー」等は要望されている形に近いでしょうか?
参考URL:http://flash-bucks.com/flash/album/index.html
No.4
- 回答日時:
スライドショー JavaScriptで検索するといろいろ出てきます
ファイル名を記述して有りますがそのように作製したほう良いと思います(後で画像のファイル名で内容が管理できますので)
参考URL:http://www.tohoho-web.com/how2/tec1.htm#slideshow
参考URLのサイトは常々参考にさせていただいていましたが、この機能が載っていたとは知りませんでした。
非常に参考になりました。感謝致します。
No.3
- 回答日時:
このようなものはどうでしょう、操作は画像をクリックだけで画像はいくらでも増やせます、ただしIE専用
(戻ることができませんがリロードで最初に戻ることは可能です)
<html>
<head>
<title>クリックされたらワイプで別画像に切り替える</title>
<script language="JavaScript"><!--
efNum = 1;// ワイプの種類
count = 0;
iName = ["image0.jpg","image1.jpg","image2.jpg","image3.jpg"];
function changeImg(iObj)
{
iObj.filters["revealTrans"].Apply();
iObj.filters["revealTrans"].Transition = efNum;
count = ( count + 1 ) % iName.length;
iObj.src = iName[ count ];
iObj.filters["revealTrans"].Play();
}
// --></script>
</head>
<body>
クリックすると画像がワイプで別画像に切り替わります。<br><br>
<img src="image0.jpg" style="filter:revealTrans(duration=1)" onClick="changeImg(this)">
</body>
</html>
JavaScriptなのですね。(ソースに「JavaScript」とあったので。万一違っていたらすみません)
実は作っているのは個人の趣味のサイトではなく、広報要素の強いサイトなものでして、IE専用というのはちょっと周囲から意見が出るかも知れません。
ですが、是非今後勉強する時の参考にさせて頂きます。
本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- 写真・ビデオ 写真や動画を保存する、これらを満たしたサービスはありませんか。 ・iOS, Android, Mac 2 2023/07/30 18:35
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- C言語・C++・C# このプログラミング誰か教えてくれませんか 1 2022/06/02 15:27
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
レスポンシブで困っています・・
-
HTML/CSSを使って写真のような...
-
テーブルの行を折りたたみたい...
-
HTMLタグのあるCSVファイルを利...
-
HTMLでクロス抽出したい
-
ホームページの制作について教...
-
テーブルのセルデータを自動改...
-
HTML&CSS メディアクエリにつ...
-
、URL化させるにはどうしたらい...
-
アコーディオンメニューが思う...
-
テーブルタグのセルの幅の一部...
-
GoogleSearchControlにホームペ...
-
HTML&CSS メディアクエリについ...
-
HTML&CSS メディアクエリ
-
HTML&CSSについて。
-
HTML &CSSとHTML5&CSS3 違い
-
HTML&CSSとHTML5&CSS3の違い...
-
HTML&CSSとHTML5&CSS3の違い...
-
列のどこをクリックしてもソー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
レスポンシブで困っています・・
-
HTMLでクロス抽出したい
-
iPhoneで HTMLファイルを閲覧
-
HTML/CSSを使って写真のような...
-
ホームページの制作について教...
-
スマホでHTMLファイルを開いて...
-
GoogleSearchControlにホームペ...
-
メモ帳の段落の揃え方
-
css初心者 フレックスボックス...
-
スマホ(android)のタッチパネ...
-
WEBページを強制的に横画面で見...
-
角丸画像の背景色を透明にした...
-
、URL化させるにはどうしたらい...
-
HTMLタグのあるCSVファイルを利...
-
静止画画像をクリックすると音...
-
テーブルのセルデータを自動改...
-
テーブルタグのセルの幅の一部...
-
スマホで、左右にスワイプして...
おすすめ情報