• 締切済み

オンマウスでレイヤーを出す。

質問させてください。 リンク集のようなＨＰをやっております。 そこでリンクの一覧に小さいサムネイル写真を出して、それをマウスオーバーすると拡大サムネイルが出てくるようにしたいと思っております。 レイヤーの表示・非表示でやろうかと思っていたのですが、どうもうまくいきません。やはり一から書くのは私にはちょっと難しそうで、、参考にできるページなどがありましたら教えていただきたいのです。 イメージしているのは以下のようなものです。 http://blogdesign.cocok.jp/ ポインタについてくるようにする必要はないのですが、、このようなものをjavascriptでできないでしょうか。 どうぞよろしくお願いいたします。

みんなの回答

  • smwithdm
  • ベストアンサー率46% (23/49)
回答No.1

画面のどこかにその拡大画像を表示させたいのであればjavascriptにて document.getElementById("iframeのID").src="画像の名前.jpg" でウェブページのどこかにiframe等を用いて表示させるのはどうでしょうか？ ポインタについてくるようにする必要は無いとの事でしたのでウェブページのどこかにその拡大写真が表示されるようにしたいとかってに解釈しましたが、もう少し具体的であれば答えやすいです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • OnMouseOverで画像のサムネイルを別レイヤーに書き出したい

    こんにちは。 今、HPで写真公開ページを作っています。 写真へのリンクをクリックすると別ウィンドウで表示するようにしたいのですが、それに加え、マウスをそのリンクの上にもってきたら、ページの特定の領域に小さなサムネイルがプレビューとして表示できるようにしたいです。 なお、サムネイルのファイルはあらかじめサイズを変更して、別ファイルで作っておいてもいいです。 onMouseOverでJavascriptの関数を呼び出して、その関数で、別レイヤーを書き出す(document.write("<div id="preview1">..(中略)...");とすれば良いのかなと思いましたが、うまくいきません。 どなたか、アドバイスいただけますか？ もしくは、いいチュートリアルのサイトなど、教えていただけませんか？

  • photoshop6.0のレイヤーについて

    いつもお世話になっております。質問です。 photoshop6.0での質問なんですが、楕円ツールで楕円を描く→するとレイヤーパレットに当然新規レイヤーが追加されるんですが、自動的にサムネイルが表示されている横にリンクの表示（マウスポインタを合わせると「レイヤークリッピングパスのレイヤーへのリンク状態をみる」と表示される）なんです。で、そのあと、フィルターメニュー→変形→ジグザグを設定したいんですが、そうすると 「続行する前にこのシェイプレイヤーをラスタライズする必要があります。レイヤークリッピングパスがなくなります。シェイプをラスタライズしますか？」ってでてきてOKとキャンセルしかないので（キャンセルしても先にすすまないので）OKをクリックします。 すると結局ジグザグできないままなんです。 どうすればジグザグ設定できるようになるんでしょうか？ よろしくお願いします。

  • テキストにオンマウスでアイフレーム（？）の中に画像を表示

    初めまして。 今度、ＨＰにリンクページを作ろうと思うのですが、 リンクをはったテキストにマウスポインタを載せると、上の方のアイフレームにバナーが表示されるようにしたいのです。 色々なHTML講座サイトを調べましたが、どうしても分かりません。 よかったら、教えてください。 ttp://psyco.jp/13579/ ↑このサイトのリンクページのようなのを作りたいのです。（２ちゃんねる系ですので、嫌いな方は見ないようにお願いします）

    • ベストアンサー
    • HTML
  • HTML上の画像にマウスオーバーして、同HTML内にswfを表示させたい

    HTMLページ内のサムネイル画像にマウスオーバーして大きい画像を表示させるJavaScriptがありますが、そういうイメージでswfの表示ができないでしょうか。 マウスオーバーじゃなくて、クリックでもいいのですが、ポップアップウインドウや別ページに表示させるのではなく、サムネイル画像をクリックすると、同一ページのお決まりの場所でswfムービーを表示させたいのです。 表示させるムービーは、音声が流れたり、swf内で数ページクリックして内容が見れるものです。誰か、ご存知の方、いらっしゃいませんか？よろしくお願いします。

    • ベストアンサー
    • Flash
  • オンマウスで説明文

    こんにちは。 今HPを作っているのですが、 リンクの貼られた文字にマウスポインタを合わせると、説明文が表示されるようにしたいのです。 ご存知の方いらっしゃいましたら、ご指導よろしくお願い致します。

  • サムネイルをマウスオーバー時に手のアイコンに変わってほしいのですが。。

    サムネイルをマウスオーバー時に手のアイコンに変わってほしいのですが。。 javascriptでサムネイルをクリックすると同一ページの離れた場所に拡大表示するという指示をしています。問題なく正常に動いていますが、サムネイルをマウスオーバーした際に手のアイコンに変わってほしいのですが、矢印のアイコンのままです。 javascriptの関係上、不可能なのでしょうか？？ ソースは以下です。 -------------------------------------------------------------------------------- ■拡大表示させる窓 #zoombox ------------------------------------------------------------------------------- ■サムネイル画像 <img src="img/01_s.jpg" width="118" height="80" alt="s01" onClick="showImage(this);"/> -------------------------------------------------------------------------------- ■javascript function showImage(el) { var imageSrc = el.src.replace(/_s\.jpg$/, ".jpg"); document.getElementById("zoombox").innerHTML = '<img src="' + imageSrc + '">'; }

  • onmouseoverで文章を入れ替える

    サムネイルにマウスを移動させると画像が拡大表示されるようにウェブをデザインしました。 テーブルで作りました。 拡大画像の下に文章を入れたいのですが、どのように書けばいいですか？ 現在、下記のようにつくっています 拡大写真の表示 <IMG src="images/album1.jpg" width="400" height="400" name="myBigImage"> 拡大写真の説明 ？？ マウスオーバーさせるサムネイル <A href="javascript:void(0)" onmouseover="myChgPic('images/album1.jpg')"> <IMG src="images/salbum1.jpg" width="100" height="100">

    • ベストアンサー
    • CSS
  • オンマウスでサムネイルを表示させるには？

    記事上の、画像URLを含んだテーブルにマウスオーバーする事で、リンク先のサムネイルを表示させるにはどうすればよいでしょうか？ こちらで紹介されている方法を参考にスクリプトを書き換えて試しているんですが 知識0からなので難しいです。 http://web.showjin.me/jquery_remoterollover.html どなたか詳しい方おられましたら是非ご教授ください。

  • Flashで表示されたサムネイルをJavaScriptで拡大表示したい

    HTMLはある程度わかるようになってきただけのJavaScript初心者なのですが、HP制作の途中、Flashを使っていて分からないことが出てきました。 教えていただけるとうれしいです。 Flashのメニューを使っていて、そのメニューはリンク先がカスタマイズ可能です。 リンク先の指定は、テキストファイルの中に記述されている、 「　&url5=http://www.xxxxx.xxx.xx/&　」という場所で指定することになっています。 フォトギャラリーの写真のサムネイルをメニュー項目にして、Flashメニューでサムネイル選択したいと思っているのですが、そのサムネイルをクリックしたときに、同じページの別のテーブルに、そのサムネイルの大きな画像を表示させるということをしたいのですが、できるのでしょうか。 もしできるのなら、教えてほしいです。 Flashメニューでないサムネイルをクリックして拡大画像を表示ということはJavaScriptでできるのですが、Flashメニューで、となると不可能なのでしょうか。 よろしくお願いいたします。

  • レイヤーの表示・非表示

    Flashの、レイヤーの表示・非表示の機能について教えて下さい。 画像に複数ホットスポットを設定し、マウスオーバーでレイヤーを表示、マウスアウトで非表示の設定をしているのですが、マウスをすばやく動かしているとレイヤーの表示・非表示が反応しなくなります。 文章で説明するのは難しく、状況がお伝えしにくいのですが…。 どうしてでしょうか？ご存知の方いらっしゃったら教えてください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する