• 締切済み

HP作成 縮小⇒拡大した写真に文を入れたいのですが・・・

メモ帳でHPを作成しています。 縮小⇒拡大した写真の下に文を入れたいのですが・・・ <A href="img\321.JPG" target="_blank"><IMG src="img\0321.JPG"alt="7月1日"></A> 上記だと写真だけしかないので、説明文も大きい写真の方に入れたいのですが、、、 初心者ですが、よろしくお願いいたします。

みんなの回答

  • matrix4
  • ベストアンサー率16% (118/704)
回答No.2

新ページに、写真&コメント でリンクですか。 <html> <head> </head> <body> ・・・・・・・ <img src="img\0321.JPG"alt="7月1日"> <div align=bottom> ありがとう。 </div> ・・・・・・ </body> </html>

全文を見る
すると、全ての回答が全文表示されます。
  • sai231ko
  • ベストアンサー率25% (332/1325)
回答No.1

大きい写真の方も一つのページとして作ってしまえば出来ます。ここに写真とコメントを入れる。 そのページをhttp://abc とすると <A href="http://abc"></a> 小さい写真をクリックした時このページへ飛ばせばいいのでは。一番簡単な方法です。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • HPの画像の拡大表示について  

    現在HPを作成しています。 小さい画像を並べて、クリックすると新しいウインドウに 拡大写真が表示されるようにしたいのですが。 winのペイントで画像を2枚用意して、(縮小画像と拡大画像) 01と1にファイルしました。 <A href="img\1.jpg" target="_blank"><IMG src="img\01.jpgL"></A>  としたのですが、拡大画像は表示されても、縮小画像は×になっています。何か間違っているのでしょうか?  教えてくださいお願いします。 超初心者ですので、わかり易くお願いします。

    • ベストアンサー
    • HTML
  • 写真を別ウインドウで拡大した後、別の写真を拡大する時に前に開いたウインドウに表示する

    現在写真を公開するHPを作成中なのですが、以下のHTML文で複数写真を公開すると、拡大の際にいくつものウインドウが出てしまい、困っています。 <a href="@@@@@.JPG" target="_blank"> <img src="@@@@@.JPG" width=$$% height=$$%> </a> 写真を別ウインドウで拡大した後、別の写真を拡大する時、前に開いたウインドウで表示するにはどのような方法がありますか?

  • htmlで[close]ボタンで拡大表示した写真を閉じるには

    ホームページ作成ソフトは持っていません、エディターで「しこしこ」自分のささやかなホームページを作っています。 今は次のような文で横2列、縦10行で20枚の写真を縮小表示して、その写真をクリックすると拡大表示されるようにしています。 その拡大表示は別画面になって表示され、左上の「戻る」か「BackSpace」を押すと元の縮小表示している画面に戻ります。 <tr> <td nowrap align="center"> <a href="images/FW090327.JPG"> <img src="images/FW090327.JPG" border="0" width="350" alt="カタツムリのたまご"></a><br> <FONT size="+1"><b>カタツムリのたまご<br>2009/3</FONT></b></td> <td nowrap align="center"> <a href="images/FW090502.JPG"> <img src="images/FW090502.JPG" border="0" width="350" alt="ミニチュアタイプのカタツムリ"></a><br> <FONT size="+1"><b>ミニチュアタイプのカタツムリ<br>2009/5</FONT></b></td> </tr> 拡大写真を別画面に表示するのでなく、良くホームページで見かけるような今の画面の上に拡大表示され、[close]でその写真を閉じるような感じです。 縮小表示している写真をクリックすることにより、縮小表示している画面の上にその写真が拡大表示され、その拡大表示された写真の右下に[close]ボタンが表示され、[close]ボタンで拡大表示された写真を閉じることができ、縮小表示されている画面になるようにしたいのです。 htmlについては極初心者です、なにか良い方法がありましたら教えていただきたいのです、よろしくお願いいたします。

  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML
  • アメブロで画像が拡大表示できません。

    アメブロで記事を作成して画像を載せましたが、画像をクリックしても拡大表示できません。 人のブログの写真はクリックすると拡大できます。 HTML表示では <a href="http://***.jpg"><img border="0" alt="*" src="http://***.jpg" width="*" height="*" /></a> となっています。 よろしくお願いします。

  • WORD2000でHP作成。広告の貼り付け方

    word2000でHP作成してますが広告の貼り付け方を教えてください。 例えば、下に記載してるものなど・・・。 <A href="http://www.5050jp.com/index.html?ShoukaiID=あなたのID" target="_blank"><IMG src="http://www.5050jp.com/img/banner_5050_01.gif" border="0"></A>

  • 正規表現の否定先読みについて

    <a href="http://example.com/aaaa/hogehoge1.jpg" target="_blank"><img src="http://example.com/aaaa/hogehoge1.jpg" width="100" alt="huge1"></a><br />hogehoge<br /><a href="http://example.com/bbbb/hogehoge2.jpg" target="_blank"> <img src="http://example.com/bbbb/hogehoge2.jpg" alt="huge2"></a> こういうHTMLがあるとします。改行はなく1行です。 このHTMLから正規表現で 『width="100"がついていない<img>タグ』 のsrc=""までを抜き出して置換したいのです。 期待する結果は <img src="http://example.com/hage/hogehoge2.jpg" です。 そこで /<img src="http:\/\/.*?.jpg"\s(?!width)/ というパターンを試しましたが、.*?の最短一致が思った通りにいかず <img src="http://example.com/aaaa/hogehoge1.jpg" width="100" alt="huge1"></a><br />hogehoge<br /><a href="http://example.com/bbbb/hogehoge2.jpg" と、1つ目の<img>が入ってしまい、2つ目の<a>タグまで抜き出されてしまいます。 これをうまくwidth="\d+"と入っていない<img>タグのみに適用させる方法はないでしょうか? どなたかよろしくおねがいいたします。

    • ベストアンサー
    • PHP
  • map初心者です

    名前の付け方がわかりません。 なんでもいいのでしょうか?とりあえずわからないので画像名と同じ名前に設定しました。 また、下の記述が全部なのですが画像しかアップされません。 リンクすらなりません。 どこがおかしいのでしょうか。よろしくお願いします。 <img src="img/1.jpg" usemap="#1map" border="0"> <map name="1map">  <area shape="rect"   coords="220,148,179,200"   href="http://12345" alt="**" target="_blank">  <area shape="rect"   coords="358,125,181,126"   href="http://12345" alt="**" target="_blank">  <area shape="rect"   coords="167,336,178,141"   href="="http://12345" alt="**" target="_blank">  <area shape="rect"   coords="178,338,180,214"   href="="http://12345" alt="**" target="_blank"> </map> 関係あるかわかりませんが、使っているのはロリポップです。

    • ベストアンサー
    • HTML
  • 写真の下に説明文

    こんにちは。 今アルバムのページを作っています。 右側に縮小した写真を縦に並べ、その写真をクリックすると画面中央に拡大されて映るというものです。 拡大された時、写真の簡単な説明文を写真の下に表示させたいんですが、やり方がわかりません。検索してみたんですが、それらしき物が見つからずこちらに参りました。 だいぶ略してますが、下記のようなソースを使って作りますよね?これで、中央に表示させるまでは出来ました。後は各写真の説明文の表示だけなんです。 <script type="text/javascript"> <!-- var img01 = "../photoothers/stamp.jpg"; function startimg(I){  document.image.src=I;  } //--> </script> =中略= <table> <tr> <td align=center> <table border =1> </td> </tr> <tr> <td align=center> <img src="../gif/●.jpg" name="image"> </td> </tr> </table> </td> <td> <table align=right"> <tr> <td align=center> <a href="javascript:startimg(img01)"> <img src="../gif/●.jpg" width="130" height="100"></a> </td> </tr> </table> </td> </tr> </table> 宜しくお願いします。

  • 写真集の写真を別窓で大きく表示したいのです

    写真集の写真を別窓で大きく表示したいのですが、 クリックしてもそのままの同サイズでしか別窓で表示されません。 大きく拡大した写真を表示したいのですが このタグでどこがいけないのでしょうか? アドバイスよろしくお願いします!   <tr> <td align="center" valign="middle" width="128" height="128"><A href="s-d11900251.jpg" target="_blank"><IMG src="s-d11900251.jpg" border="0" width="160" height="120"></A></td>

    • ベストアンサー
    • HTML