アプリ版:「スタンプのみでお礼する」機能のリリースについて

現在写真を公開するHPを作成中なのですが、以下のHTML文で複数写真を公開すると、拡大の際にいくつものウインドウが出てしまい、困っています。
<a href="@@@@@.JPG" target="_blank">
<img src="@@@@@.JPG" width=$$% height=$$%>
</a>

写真を別ウインドウで拡大した後、別の写真を拡大する時、前に開いたウインドウで表示するにはどのような方法がありますか?

A 回答 (2件)

 直接の回答は [回答番号:No.1] の yyr446 さんがお書きですが、


>現在写真を公開するHPを作成中
とのことでしたら、「Litebox」・「Highslide」のような JavaScript を使った表示の仕方もおしゃれかなと存じます。

表示例)
http://www.doknowevil.net/litebox/
 [Image Set Example:]・[Single Image Example] の下の写真をクリックなさってみてください。

http://highslide.com/
 ページを少しスクロールした [Examples] - [Highslide JS core] にある写真をクリックなさってみてください。

--------------------------------------------------------------------------------

 他にも、ページに配置された画像をクリック(onClick)したり、オンマウス(onMouseOver/onMouseOut)すると他のフレームやテーブルのセル内に拡大画像を表示する、というような JavaScript を書くこともできます。

簡単な例)
 下記の例は、サムネイル画像のURLに入っている「(サムネイル)」の文字を空白文字列に置換することによって拡大画像のURLを取得し表示します。

<script>
 function enlarge() {
  document.getElementById("gazou").innerHTML = '<img src="' +
  document.getElementById("sumbnail").src.replace("(サムネイル)","") + '" width=200 height=100>';
 }
 function disappear() {
  document.getElementById("gazou").innerHTML="";
 }
</script>
<table>
 <tr>
  <td>
   <img src="@@@@@(サムネイル).JPG" onMouseOver="enlarge()" onMouseOut="disappear()" id="sumbnail"></a>
  </td>
  </tr>
  <tr>
   <td>
    <span id ="gazou"><span>
   </td>
 </tr>
</table>
    • good
    • 0

target="_blank"じゃなく同じtargetを使えばいいだけのような?


意図が違います?
<a href="@@@@@.JPG" target="gazou">
<img src="@@@@@.JPG" width=$$% height=$$%>
</a>
<a href="####.JPG" target="gazou">
<img src="####.JPG" width=$$% height=$$%>
</a>
<a href="$$$$.JPG" target="gazou">
<img src="$$$$.JPG" width=$$% height=$$%>
</a>
    • good
    • 0

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