- ベストアンサー
画像をクリックして拡大のポップアップについて
http://moneytreesystems.com/css/picpopup.htmlというサイトにて紹介されていた『画像に触れるとポップアップで拡大されて表示される』という方法が大変画期的だと思い試してみたのですが、これだとスタイルシートで指定する拡大表示画像のサイズは決められたものにしかなりません。 CSSで画像をそれぞれのサイズにあわせて拡大表示するような方法はないものでしょうか
- toahigu
- お礼率50% (1/2)
- その他(インターネット・Webサービス)
- 回答数1
- ありがとう数2
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
「それぞれのサイズにあわせて拡大表示する」の意味がよくわかりませんが、サイズ指定部分を削除すればサイズ制限がなくなり「原寸」で表示されるようになると思いますが・・・。 (「width="350" height="233"」の部分を削除する。) 意味が違っていたらごめんなさい。
関連するQ&A
- 画像クリックでポップアップ表示するには
画像クリックした時に拡大した画像を画面内のポップアップで表示したいのですが、 フリープラグインとやらを使った方法の参考サイトはいくつかあったのですが、 自分で作る事は難しいのでしょうか。
- 締切済み
- JavaScript
- JavaScriptで画像サイズと合ったポップアップウィンドウを開く
いつもお世話になっています。 題名のとおりですが、サムネイルをクリック→オリジナル画像を画像サイズでポップアップしたいと考えています。 画像の数も多く、サイズもバラバラのため、window.openで一つ一つサイズ指定するのは大変だな~と考えていたところ、 http://creazy.net/2006/12/javascript.html にて、すばらしい方法を紹介していました。 早速、上記をテストしてみたのですが、2点気になる部分があります。 ・IE7にてポップアップ画像が画面一杯に表示されてしまう。 ・firefoxだとポップアップウィンドウの表示に問題はないが、読み込みが終わらない。 この改善策はあるのでしょうか? ポップアップウィンドウが画像サイズで開けば、まったく別の方法でも構いません。 宜しくお願いします。
- ベストアンサー
- JavaScript
- 画像をアップすると勝手に拡大する。
画像をアップすると勝手に拡大する。 png で320 242 ピクセルでアップするとアップ後の計測で340 262 と拡大します。 テーブルで囲ってますが、CSSで何も制御してませんし、大きさを指定してません。 おかげで枠をはみ出てします。こんなこと初めてですが、解決方法教えてくれませんか?
- ベストアンサー
- HTML
- マウスオーバーでポップアップ画像を出したい
サーチして沢山のサイトを見たのですが、どーーーーーーーしてもわからないので質問させてください。 サイトにある画像Aにマウスオーバーすると画像Bというのがポップアップで表示されるようにしたいのです。 どうやらjavascriptの方法とCSSの方法があるような感じなのですが、どーーーーーーーしてもわからないのです。。。 具体的にJavascriptでこう書いて入れてhtmlでこう書くんだよ、 とか CSSにこれを追加してhtmlにはこう書くんだよ とわかりやすく教えていただけると助かります。 どうぞよろしくお願いいたします。
- 締切済み
- HTML
- FC2 クリックポップアップ画像の方法について
http://rgrg.blog61.fc2.com/blog-entry-593.html 画像をクリックすると、そのページ上で画像が大きく表示されるJavaスクリプトツール を上記サイトのとおりやってみましたがポップアップがされません。画像サイズは480X360で、これをクリックすると元画像サイズの640X480をポップアップさせたいのです。 テンプレートは「lightframe_white」にしていますが、ダウンロードし直しても、また他のテンプレートにしてもやはりできません。 <script type="text/javascript"><!-- : : <link rel="index" href="<%url>archives.html" title="サイトマップ" /> ポップアップのスクリプトの上にはデフォルトで上記の記載がありますが、この中に改変しなくてはならない行があるのでしょうか? ご教示の程よろしくお願いします。
- ベストアンサー
- ブログ
- ポップアップをクリックで終了させる方法
Javaの知識はありませんが、あるサイトから画像にマウスオンするとその下にポップアップでリンクが表示されるスクリプトをいただきました。 それはマウスが外れたらポップアップが消えるようになっているのですが、フレーム内などでマウスが外れた場合には認識されず、ポップアップがずっとでている状態になってしまいます。 そこで、クリックしたらポップアップが消えるようにしたいのですが、そのようにできる方法はありますか?
- ベストアンサー
- JavaScript
- abrobのブログのポップアップする画像はどうなっているんですか
http://www.absorbweb.com/blog/ absorbというグループがありますが、そこのブログに画像をクリックすると画像がポップアップして、画像のサイズが変わりますが、これはどのような処理がされているんでしょうか?これはブログの機能であるんでしょうか?このようなポップアップするような機能を使ってみたいと思っています。
- ベストアンサー
- ブログ
- thickboxを使って画像をポップアップするようにはできておりますが
thickboxを使って画像をポップアップするようにはできておりますが、ブラウザを切替せずに、任意の場所に画像を切り替えていくようにするのはどうすれば良いでしょうか? 最初に画像が表示されていて、その下にサムネイル画像が並んでいてマウスを置くと 最初に画像が表示されている場所に画像が切り替わっていくものです。 別途拡大表示もできれば幸いです。 thickboxをこのまま使用して+αでできれば幸いですが、それ以外で良い方法があれば 問題ございません。 みなさまよろしくお願い致します。
- ベストアンサー
- JavaScript
- オンマウスでポップアップ、位置をブラウザに合わせる
質問失礼します。 テキストや画像にオンマウスしたとき、 詳細をポップアップで表示たいと考えています。 その際、ポップアップした内容をブラウザに合わせて表示させたいのですが、 ブラウザへの合わせ方を見つけることができません。 (オンマウスする画像の位置から指定したり、 ポップアップウィンドウとかはわかったのですが…) ポップアップのデザインは、下記のサイトを参照にしています。 http://rgrg.blog61.fc2.com/blog-entry-594.html ご存じの方いらっしゃいましたら、ご教授お願い致します。
- 締切済み
- CSS
お礼
ありがとうございます! 大分ブランクがあいてしまい申し訳ありませんでした。 初歩的な知識不足だったとわかり、さきほどきちんと表示に成功しました! 本当にありがとうございます!!