電子書籍の厳選無料作品が豊富！

写真表示のページ・・・

解決済

  • 質問者：gouryella
  • 質問日時：
  • 回答数：3件

サムネイルをクリックして、htmlでの写真アップのページを表示させたいのですが、これは一つ一つのhtmlのページを作成してリンクさせていかなければならないのでしょうか？

それとも一つのhtmlファイルで画像だけを変えていくことは可能なのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

  • 回答者： MAN_MA_RUI
  • 回答日時：

そういうことをやろうとした友人のために書いた簡単なコードがある。


勝手に使いやがれ…ではなくて宜しければどうぞ（ぉ

★サムネイル画像をクリックするとポップアップウインドウが開いて画像が表示されます。
★JavaScriptが無効となっている場合は画像を直接新しいウインドウで開きます。

☆これをHTMLファイルの<head>～</head>間にコピーしてね
<script type="text/javascript">
<!--
function PIC_OPEN(image,width,height){
var PIC;
PIC=window.open("","_blank","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width="+ width +",height="+ height +"");
PIC.document.open();
PIC.document.write("<html>\n<head>\n<title>Garelly</title>\n");
PIC.document.write("</head>\n");
PIC.document.write("<body topmargin='40'>\n");
PIC.document.write("<center>\n<img src='"+ image +"'>\n");
PIC.document.write("<hr>\n");
PIC.document.write("<a href='javascript:window.close();'>Close</a>\n</center>\n");
PIC.document.write("</body>\n");
PIC.document.write("</html>\n");
PIC.document.close();
}
//-->
</script>
★<title>Garelly</title>は開かれるポップアップウインドウのタイトル部分。適宜変更。
★topmargin='40'がページ上部の余白設定

☆サムネイルの部分をこういう風に書こうね
<a href="image01.png" target="_blank" onclick="PIC_OPEN('image01.png','400','450');return false;"><img src="image01_s.png" border="0"></a>
★image01.pngが表示させたい画像（※二ヶ所あります）
★image01_s.pngがimage01.pngのサムネイル画像
★PIC_OPEN('image01.png','400','450');の部分は
　★image01.pngが表示させたい画像のパスまたはファイル名
　★400が開かれるポップアップウインドウの幅、画像の幅+100位を目安にどうぞ
　★450が開かれるポップアップウインドウの高さ、画像の高さ+150を目安にどうぞ
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： hamue
  • 回答日時：

steel_grayさんも指摘されてますが、一つのhtmlページで（ページを切り替えずに）画像を切り替え表示させたいようでしたら、javascriptを使わないとできないと思います。


lightboxというのは画像閲覧などのために一般公開されているjavascriptのコード（ライブラリ）です、ググってみれば使用方法などもたくさん出てきますよ。

それか、ちょっと高度な方法であればcssのa:hoverを使って表示させる方法もありますけど、、、ちょっとむずいと思います。
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： steel_gray
  • 回答日時：

画像だけを変えるなら、HTMLではなく画像を直接リンクしては？


説明文とか画像以外も変える必要があるならもちろんHTMLとして個別に作る必要があります。

HTMLにリンクして表示したい理由が、サイズ指定したウィンドウに開きたい、とかって事なら「Lightbox」とか使った方がいいかと思う。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報