ただいま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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(IT・Webサービス) どうすればgoogleのポップアップの表示が消えますか? 3 2022/09/11 14:04
- その他(IT・Webサービス) サイト上のフォルダ階層一覧、ファイル一覧を閲覧する方法は? 1 2022/11/11 15:49
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- Excel(エクセル) エクセル VBA For Next 繰り返しの書き方を教えてください 6 2022/09/01 14:11
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでテーブルを縦に並べたい!
-
table内で画像と文字をセンター...
-
表の中に表
-
テーブルにスクロールバーを付...
-
perlについて質問があります。
-
同じ<table align="center">を...
-
複数集計をしたい
-
スタイルシートを組むと、テー...
-
htmlの記述で、カーソルを...
-
cssのfont-sizeがFirefoxで効か...
-
ブログのHTMLからtrackback:pin...
-
CSSのtransform: translate(-50...
-
Excel で等間隔で縦線を引きた...
-
htmlでテーブル内にテキストボ...
-
ホームページビルダーで表の列...
-
指定時間になったら、WEBサイト...
-
テキストボックスの様に文字の...
-
エクセルでサイズに合ったもの...
-
aタグに直接style=""で:hoverを...
-
表を作るときに枠線を
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
HTMLでテーブルを縦に並べたい!
-
Excelで可視部分だけをWeb形式...
-
表の中に表
-
テーブルで3セル作った行の下に...
-
<td> 内のテーブルを上寄せにす...
-
プリントアウト時、ページ内容...
-
テーブルとテーブルの間に、隙...
-
CSS line-height が効かない
-
表の中でのフォーム
-
dreamweaverで、テーブルのボー...
-
テーブルにスクロールバーを付...
-
テーブルの中のグラデーション...
-
Jimdoで表組のなかの画像をポッ...
-
スタイルシートで<table>の内側...
-
<緊急>テーブルを使わないで...
-
ページ上部にスペースが空いて...
-
スタイルシートがMACで有効にな...
-
ドリームウェーバー(ウィーバ...
-
Dreamweaverでソースが横一列に...
おすすめ情報