- ベストアンサー
CSSを使って画像をクリックすると別フレームに大きな画像を表示したい
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
参考先に上げられたサイトさんはCSSのhoverという動的疑似クラスをうまく利用されているみたいですけど。 (マウスポインタが上にある時に適用するCSSの書式を変える ただ、恐らくこのやり方では複数のページにまたがってやるのは無理だと思います。 参考にあげられた先のページでしっかり解説されていますけど^^;(英語でソースを明示してくれているだけだけど ソースを見て何をしているのかが分らないようだと、ちょっと応用は厳しいと思いますが・・・・。
その他の回答 (4)
- koutarou504
- ベストアンサー率44% (182/407)
＃１，＃２の方の礼文で参考に提示された物は、うえにカーソルを持って行った時にそれ自身を変えているだけです。 擬似クラスにより、Ａ要素に対して指定しているだけです・・・。 故に、御希望の他の要素とか他のページに対しての変化を指定する事は出来ません。 諦めるしかないです。 まぁ JavaScript を用いたとしても、閲覧側が無効にしていたりといろいろ配慮が必要だし・・・。 結局、「そのうえにカーソルを持っていくだけで」という機能はまずは諦めて基本形を作成し、その上でオプションで付加するか検討されては如何でしょうか。 当然、付加した機能は一部の人しか使えませんが・・・。
お礼
無理っぽいようですね。あきらめて別の方法を考えます。どうもありがとうございます。
- k0021
- ベストアンサー率26% (32/120)
>JAVAとか使うと警告メッセージが表示されるので、そういったメッセージが出ないcssをつかって次のようなことがやりたいのですがどうぞ教えてください。 ツール→インターネット オプション→詳細設定→マイコンピュータでの、CDのアクテイブコンテンツ実行を許可する にクリックする 適用をクリック すれば上記メッセジは出ないよ
お礼
不特定多数のPCでメッセージが出ないことを目指していますので、じぶんのPCだけ出なくてもだめなんです。 回答ありがとうございます。
- Phoebastria
- ベストアンサー率21% (177/817)
質問内容にあるような事はCSSで出来ないと思います。 というかそういう事はCSSでやる事ではないです。 情報＝html デザイン＝CSS 上記以外特殊な事＝java、Flash という感じでしょうか。
お礼
お返事ありがとうございます。 そうだろうとはうすうすわかっているんですが http://www.lucky-bag.com/archives/2005/06/css_popup.html のようなこともされているようなので何か方法があるのかとおもいまして。
- 345itati
- ベストアンサー率48% (795/1639)
CSSはデザインを受け持つために使われるので、リンクのような動的な効果は出来ないと思いますが。 質問文のような事をしたいならJavascriptが必要です。 ちなみにローカルにあるjavascriptを使ったページをIEで確認をかけると、いちいち警告が出るのはIEのセキュリティ仕様です。実際の動作確認はサーバに転送してみないと分りません。 →http://www.tohoho-web.com/lng/200004/00040097.htm こんな自己解決例がありますけど (確認していないのでFirefox等でうまく動作しないかもしれない
お礼
お返事ありがとうございます。 そうだろうとはうすうすわかっているんですが http://www.lucky-bag.com/archives/2005/06/css_popup.html のようなこともされているようなので何か方法があるのかとおもいまして。
関連するQ&A
- 別フレームの.cssの変更
こんにちは。 javascriptを使って.cssファイルを切り替えることにかんしてのしつもんです。 左フレームと右フレームがあって、 右のフレームに表示されているページのボタンとか文字とかをクリックすると、関数が呼び出されて、左フレームに表示されているページの.cssファイルを切り替えるようなscriptは、どう記述すれば、いいですか？
- ベストアンサー
- JavaScript
- CSSを使って、クリックすると元のサイズに戻る方法
よろしくお願いします。 写真をHPに載せるのですが、画像が大きいので次のようなことがしたいのです。 ・通常はブラウザーのサイズに合わせて全体を表示。 ・画像をクリックすると同じ画面内で元々のサイズの画像を表示。 いまは、フレームを使って左のフレームのサムネイルをクリックすると右フレームにJPGの画像を直接出しています。 なので、画面の大きさに関係なく大きな写真が表示されています。 これを右フレームに最初は全体表示をしておいて、それをクリックすることによって同じ右フレームに大きな元画像を表示させたいのです。 CSSでやりたいのです。よろしくお願いします。
- ベストアンサー
- HTML
- htmlフレームのようにcssで作るには？
現在サイトを作っています。 そこでギャラリーを設けて画像を一覧で載せようと思っています。 左をメニュー画面、右を左メニュー画面から選んだ画像を表示する画面にしたいのですが、 この場合、htmlのframesetを使うのが普通なのでしょうか？ フレームを扱わずにCSSで作れる方法があればと思うのですが・・。 CSSのfloatで右左に分けると左のメニュー画面で画像を選びクリックした時に、右画面だけでなく左も含め、画面全体が画像を表示する画面になってしまいます。これを防いで、右のみに画像を表示させる方法はあるのでしょうか？ 左で選んで、右に画像を表示させたいです。 どうするのが一番良いのでしょうか、よろしくお願いします。
- ベストアンサー
- CSS
- 別のフレームに画像を表示させる
検索をかけてみたのですが、同じ質問は見付からず 似た(？)ような質問の回答では理解出来ないので どなたかご存知の方が居ましたらお願い致します マウスを乗せた時、他の画像を表示させたり、画像に効果をつける ロールオーバーという機能の仲間なのではないかと思うのですが 「マウスを乗せた時、別のフレームに画像を表示させる」事は可能なのでしょうか？ フレームを上下に分けて、上は写真のサムネイルで そのサムネイルにマウスを乗せた時に 下のフレームに大きめの、サムネイルとは別の画像を表示させたいのですが やり方が判りません。 ロールオーバーも使った事がなかったのですが やってみたら(基本の効果は)、そこそこ理解出来ました。 フレームも最近覚えた初心者ですので、スクリプトも良く判りません (作られたソースを貼る位しか出来ません・・・・) 宜しくお願い致します
- ベストアンサー
- JavaScript
- 別フレームに画像を表示する
こんにちは。 今、フレームセットの上にメニューバー、下にコンテンツ内容があるといったページを作っています。 上フレームにあるメニューボタンを押すと下フレームのページが切り替わるのですが、同時に上フレームにコンテンツごとの画像を表示したいのです。 はじめはメニューボタンをクリックするのと同時に画像のレイヤーを表示するスクリプトを記述していたのですが（hideとshowでその都度入れ替え）、それではキーボードのBackspaceボタンで戻ったとき上フレームの画像が前のコンテンツ画像のまま残ってしまいます。つまり上フレームのボタンを押さないとレイヤーが切り替わらないというわけです。 下フレーム内に入るページを表示するたびに上フレームの画像を表示するといったスクリプトをしたフレーム内のページのBODY要素にonloadとして記述すればよいのでしょうか？ またどのように記述すればよいのかもわかりません。 わかる方がいらっしゃいましたらどうか宜しくお願いします。
- ベストアンサー
- JavaScript
- CSSでフレーム
ご存知の方いらっしゃいましたらお教えください。CSSを利用してフレームのような動作をさせるにはどうすればいいのでしょうか？たとえばフレームにおいて仮にナビを左に、メインページを右にしてある場合、ナビのリンクのアクションがメインフレームへ該当するHTMLファイルを呼び出しますが、CSSでこの動作をさせることが出来るのでしょうか。参考になるHPなどございましたらお教えください。よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- フレームで左から右へいきません。
フレームを使っているのですが、左の縦長フレームと上の横長フレームを残したまま左のフレームから右のページに絵を表示させたいのです。 でも、そういう左から右へ表示させるタグ（Frame name="**"）を使っても右のページに表示されず次のページに表示されてしまいました。 たぶん上の横長のフレームが邪魔をしているのだと思うのですが・・・。（前、横フレームなしで使っていたときは普通に左から右に表示されたので） ＨＰを作るときに使っているのはメモ帳です。 それでも分からないところがあったら言ってください よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- HPビルダーでリンク先を別のフレームに表示することについて
使用しているのはホームページビルダー11なのですが、自作CGイラス ト等載せるHPを作り始めました。作り始めて、順調に進んでいけると思 っていたら、肝心な所で行き詰ってしまい困っております。 どなたかご回答いただければ嬉しく思います。 閲覧し易い様、ページをフレームで左右二つに分割し、フレーム設定 ページ、フレーム内ページを左右作りました。右フレームには背景をい れております。（ここではピンク色の背景にしました） 左フレーム内のページにメニューを作り、左のリンクアイコンクリック で右にイラストを表示させるよう設定しました。 確認するためプレビューで左のメニューのリンクをクリックすると画 像は右に表示されるのですが、右側に入れていたピンクの背景が消え、 イラストの周囲が白い背景に変わってしまいます。そして右フレームの 左寄りに画像が表示されます。 よく他の方のイラストサイト様のHPを拝見させていただくのですが、左 のメニューのリンクをクリックすると右の背景はそのまま、画像だけ中 心に表示されています。 なぜ画像のみ表示させることができないのでしょうか？ 画像もなるべくフレームの中心に表示させたいのですが・・・。 色々考えてみましたが設定等のやり方が思いつきません。 右フレームの背景はそのままに、画像のみフレームの真ん中に表示させるための 方法の分かる方がいらっしゃいましたら教えていただけないでしょうか。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- 一つのページで左右に表示させるには？
現在、HPを作り細々と運営してます。 今までは、フレームを使ったページ（左右に分割）に自分で撮った写真を載せていました。 左にサムネイル、右にサムネイルから選んだ画像を表示させるといった感じです。 これをフレームを使わずに一つのページで出来るようにする事は可能なんでしょうか？ サムネイルと選んだ画像を一つのページでいっぺんに表示させるという感じです。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSによるFrameの代替方法
趣味でHPを作成しているものなのですが、 左 |____上_____ 左 | 左 |____下_____ という３分割フレームを使っています。 左にはサイトMapを置き、上にはページタイトル、 そして、下には、左のMapでクリックしたものを「target」で、 下に表示しているのですが、 今後Frame要素がなくなるのではないかと 危惧している為、CSSで代替出来ないかと考えております。 左と上はフレームである必要も無いので良いのですが、 サイトの画面を移動せず、下という１部分だけを 切り替えてという感じで引き続き運営して行きたいのですが、 CSSで代替できないでしょうか？ なんとなく段組みレイアウトとJavaScript(こちらは カテ違いですがわかれば)あたりで、何とか出来ないかと 思っています。その他の言語でしょうか？ 私は独学でやっているもので、ジャストなものをサイトで探しても 見つからず、持っている本等にも書いてないので、 お分かりの人がいれば教えて頂きたいと思います。 宜しくお願い致します。
- ベストアンサー
- HTML
お礼
そのようですね。残念ですがあきらめます。どうもありがとうございます。