A 回答 (2件)
- 最新から表示
- 回答順に表示
No.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>
No.1
- 回答日時:
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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Google Maps googleストリートビューで大きい黒枠のウインドウが邪魔 2 2023/02/15 21:47
- iPhone(アイフォーン) ケーブルをパソコンに差し込んだ時に、消したはずのAAEファイルを復活させない方法は? 1 2022/08/01 12:22
- iPhone(アイフォーン) 写真の一部を拡大したく、写真の右上の編集を使い拡大出来ました。改めて、写真を見ましたら編集前の元の写 5 2022/09/29 09:35
- デスクトップパソコン 画像がキレイなままなのは何故? 5 2022/10/27 07:07
- gooブログ blog.goo。 1 2023/04/28 01:34
- 書道・茶道・華道 小判形記念メダルについてお尋ねします。 1 2023/07/22 10:01
- その他(パソコン・スマホ・電化製品) アンドロイドスマホの画面にクリックするとJPG写真が開くショートカットを作りたいのですが、方法をおし 3 2023/08/27 10:01
- 法学 リベンジポルノについて 1 2023/07/12 01:43
- ノートパソコン ノートパソコン(タブレットにもなるタイプでタッチパネル)で、撮った写真をプロジェクターで拡大して表示 3 2022/07/11 10:35
- 浮気・不倫(結婚) LINEとかインスタのDMで人物写真が送られてきたら タップ(拡大)して写真を見る? 1 2022/03/22 17:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
XML画像データををHTMLで簡単に...
-
ボタンをセル内一杯に表示させ...
-
ポップアップウィンドウのサイ...
-
cssヘッダー画像の下に配置した...
-
favicon.ico はもういらない?
-
リンクを選択したときの青い枠...
-
画像を隙間なく配置する方法
-
HTMLは、シングルクォートかダ...
-
cssで、imgタグに、背景画像を...
-
ホームページ作成 画像を横に...
-
水面の波紋
-
CSSで相対パス
-
画像と同じCSSデザインにしたい...
-
リンクを知らせる手のマークが...
-
クリックして大きな画像を開く方法
-
htmlの文字が縦書きになる
-
「諸要素」とはどういう意味で...
-
【ヒトの神秘】美男美女から何...
-
htmlのolやulなどlistにtitleや...
-
タグは大文字と小文字どちらが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンをセル内一杯に表示させ...
-
リンクを知らせる手のマークが...
-
UDP通信を使うチャットプログラ...
-
ポップアップウィンドウのサイ...
-
プルダウンの選択リストの中に...
-
htmlで画像を2個ずつ並べていき...
-
ホームページビルダーの画像サ...
-
XML画像データををHTMLで簡単に...
-
画像のサイズが変わらない
-
画像の場合のみ、下線を消す方...
-
リンクを選択したときの青い枠...
-
レスポンシブ対応のHTML・CSS(...
-
footerの背景が切れて、背景画...
-
html+CSSのみで作るスライドショー
-
ホームページタグ打ち。サイズ...
-
画像の横に文字をうまく配置で...
-
水面の波紋
-
ホームページで画像を横に並べ...
-
【HTML/CSS】ボタンの枠が伸び...
-
HTMLのIMAGEに。。
おすすめ情報