- ベストアンサー
jsファイルを使って、複数の写真を一つのhtmlファイルで表示
jsファイルを使い、一つのhtmlファイルで写真表示をサムネイル式に表示して、クリックしたらもう一つのhtmlファイルで拡大版を表示して、その写真画面をクリックしたら再度サムネイルのページに戻れるようなスクリプトを無料配布している所をご存知ありませんでしょうか。 なんどか自分でやってはみたけど、どうしても上手く行きませんでした。よろしくお願いします。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
■回答が無い様なので・・質問の意味が一寸判らない?ですが、参考になれば。 >複数の写真を一つのhtmlファイル~ 普通は画像にリンクを張るとブラウザ画面で表示されますよね?その時にブラウザの閉じるボタンや戻るボタンではなく、画像をクリックして閉じさせたい。ということですか? 画像のサイズを調べてWIDTHやHEIGHTを決めて画像の枚数分htmlを書けば(コピペでファイル名だけ変更すれば良いけど沢山あったら結構面倒かも)良いです。 ---------------------( サムネイルの html )------------------- <HTML> <HEAD><TITLE>画像OPEN</TITLE> </HEAD> <BODY> <A HREF="javascript:void(0)" onClick="window.open ('img01.html','','scrollbars=yes,resizable=no,status=yes,width=600,height=800')"> <IMG SRC="image01.gif" ALT="サムネイル画像01" BORDER="0"></A> </BODY> </HTML> img01.html ← 拡大画像のhtml ファイル image01.gif ← サムネイル画像 ------------( img01.html 拡大画像のhtml )------------------- <HTML> <HEAD><TITLE>拡大画像01</TITLE> </HEAD> <BODY> <A HREF="javascript:void(0)" onClick="window.close()"> <IMG SRC="image01.jpg" ALT="拡大画像01を閉じます" BORDER="0" WIDTH="600" HEIGHT="800"></A> </BODY> </HTML> image01.jpg ← 拡大画像 ALT="拡大画像01を閉じます" ← 普通は画像の説明に使いますが閉じる事を 知らせるのに使えば親切かも・・・ ■画像をaタグで挟んでマウスのイベントでウィンドウを閉じます。 IE5.5でしか確認してません m(_~_)m ----------------------------------- 当方の思い違いでしたら読み飛ばしてください。
お礼
ほんのちょっとだけ、実現したいのと違いましたが参考になりました。ありがとうございます。 m(_ _)m