
ただいまJimdoでサイトを作成中です。
表組の中に画像を120×120で表示させているのですが、画像をクリックすればそのページ内でポップアップ表示されるようにしたいです。
http://makasete-web.net/photo-pop-up
上記サイトを参考に行ったのですが、2.必要フォルダをアプロードがわからなかったり(そもそもDLしたjQueryポップアップのファイルの中身とサイトに載っている画像が異なる)、途中で行き詰まってしまいました。
解決策や、ほかにもっと使いやすいHTMLなどがあれば教えていただきたいです。
よろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
画像へのリンクを作成して
<td>
<a href="#abc">[サムネイル]</a><img src="" width="" height="" alt="" id=!ABC">
</td>
とでもしておいて、
td a{position:relative;}
td a+img{display:none;}
td a:hover+img{display:block;}
とかで済みます。
クリックして表示なら
td a+img:targrt{display:none;}
No.1
- 回答日時:
画像へのリンクを作成して
<td>
<a href="#abc">[サムネイル]</a><img src="" width="" height="" alt="" id=!ABC">
</td>
とでもしておいて、
td a{position:relative;}
td a+img{display:none;}
td a:hover+img{display:block;}
とかで済みます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
vbsでIEの操作
-
Jimdoで表組のなかの画像をポッ...
-
Excelで可視部分だけをWeb形式...
-
table内で画像と文字をセンター...
-
IE セル間に隙間が・・・
-
テーブルで3セル作った行の下に...
-
エクセルでサイズに合ったもの...
-
CSSのtransform: translate(-50...
-
PDFへてのテキストボックスにて...
-
<h1>タグの後の行間を詰めたい。
-
ワードで「 」(カギかっこ)の...
-
javascriptでタイトルバーを非...
-
Excelの列や行の幅を表示...
-
aタグに直接style=""で:hoverを...
-
ノーマルヤリスとGRヤリス
-
HTMLでクロス抽出したい
-
Excel で等間隔で縦線を引きた...
-
excel初心者です。 セルの色変...
-
『入力文字列 + .html』 に...
-
フォトショップで様々な幅の斜...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
テーブルで3セル作った行の下に...
-
どんなにやってもできないんです。
-
<td> 内のテーブルを上寄せにす...
-
テーブル全体の枠線の色を変え...
-
縦書きホームページの段組表示
-
助けてください><IE上で1pxの...
-
どうやったらこの画像を一番下...
-
aaa!cafeにて
-
HTMLでテーブルを縦に並べたい!
-
テーブルの中のグラデーション...
-
Excelで可視部分だけをWeb形式...
-
WebにてExcelを生成してダウン...
-
テーブルリンクで別ウインドウ...
-
表の中でのフォーム
-
表の中に表
-
【HTML】 イメージの貼り付けと...
-
CSS line-height が効かない
-
Jimdoで表組のなかの画像をポッ...
-
Divの幅指定を無視して子テーブ...
おすすめ情報