タグ手打ちで、独学でサイトを作っている者からの、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でのpdf資料のリンク方法
-
サムネイル(画像)をクリックす...
-
form以外でのpostってできますか?
-
同じページの最上部へ戻るボタ...
-
クリックしても、リンクに飛ば...
-
[twip]から[pixel]への変換
-
リンクバナーのHTMLタグ。画像...
-
【OpenCV】BGRからHSVへの画像変換
-
マウスオーバーで薄いホワイト...
-
背景が透明なリンクボタンで、...
-
IMGタグでTIFF画像を表示
-
PerlのCGIの中で画像表示(html)
-
htmlでのページの作り方を教え...
-
透過GIFが表示されないんで...
-
画像を重ねて表示したい
-
HTMLのレイヤーとは?
-
gooの無料ホームページへアップ...
-
サムネイル画像をクリックする...
-
【PHP+lightbox2】 キャプショ...
-
alt属性を付けるとは?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
カーソルを合わせると文字が出...
-
カウンターのHTMLソースを教え...
-
画像クリックでクリップボード...
-
tifファイルが表示されない
-
IFRAME内に収まるように画像を...
おすすめ情報