• ベストアンサー

javascriptに関して

オンマウスで画像が大きくなり、そのうえリンクが張れるサンプルのソースを教えてください。 フラッシュなどは使用できずjavascriptで制作しなければなりません。 参考サイトなどもございましたらあわせてご教授下さい。

質問者が選んだベストアンサー

  • ベストアンサー
noname#122308
noname#122308
回答No.1

まあたぶんこんな感じになるんじゃないでしょうかね。ケータイで打って投稿しただけなんで試してないですが。 <a href=リンク先><img name=img src=画像のアドレス onmouseover='document.img.width=document.img.width+10;document.img.height=document.img.height+10' onmouseout='document.img.width=document.img.width-10;document.img.height=document.img.height-10'></a>

yoshinaugh
質問者

お礼

回答ありがとうございます。 また機会ございましたらよろしくお願いします。

関連するQ&A

  • 忍者ツールのアクセス解析で使っているjavascriptについて

    http://www.ninja.co.jp/analyze/ 参考サイト↑ 忍者ツールで使用しているjavascritpでアクセス解析をする方法ですが、 直接的にはアクセス解析を取る分けではないですが、他のサイトの人に これと同じようなjavascritpタグを貼ってもらって、自分のバナー画像を表示し、 オンマウスすると、テーブルタグの中にリンク、リンク先のテキストが表示される ような仕組みはどのように行っているのでしょうか? サンプルとなるようなものを検索しましたが、今一参考になるサイトがありません。 おそらく、document write<---------->みたいなことでタグを呼び出しているのでしょうか? また、javascriptがユーザーサイドでOFFユーザー対策になっている場合の対策アドバイスを下さい。 長々書きましたが、簡単には、javascriptでバナー画像を呼び出し、オンマウスでテーブルタグでくくった内容を表示させたいです。 よろしくお願いします。

  • JavaScriptについて

    JavaScriptをオブジェクト指向言語(クラスや継承など)のように記述し、使用することは可能なのでしょうか? JavaScriptをオブジェクト指向的に記述しているソースを見て 感動したので質問してみました。 しょぼい質問で申し訳ないのですが、どなたかご教授ください。 お願い致します。 また、関連するサイトやサンプルソース等がわかりやすく紹介されて いるサイトなどがあれば教えて下さい。

  • javascriptによる画像切り替えについてわからなくて困っています

    javascriptによる画像切り替えについてわからなくて困っています。 初心者ですので説明もわかりにくいかもしれませんが、ぜひご指導をお願いします。 添付画像のように、サイドバーにボタン数個、大きな画像(#main_img)とあって、ボタンにオンマウスで#main_imgが切り替わり、ボタンをクリックするとリンク先に移動できるようにしたいのです。 「javascript ロールオーバー 切り替え クリック リンク」といったキーワードで検索したのですが、ロールオーバー切り替えはできるけれどリンク先に移動できなかったり、ボタン画像画像そのものが切り替わるものだったり、なかなか思ったとおりのサンプルを見つけることができません。 カスタマイズするだけの知識もないので、大変困っています。 このようなサンプルスクリプトを紹介しているところがあったら教えていただけないでしょうか?

  • javascriptであれこれ

    皆さん、初めまして。こんばんわ。 少々、説明不足ではありますが、お許し下さい。 友人の管理している掲示板が迷惑書き込みに悩まされていまして。。 スパム対策のサイト様を参考にしながらやっていたのですが、 こちらのサイトさま↓ http://swanbay-web.hp.infoseek.co.jp/index.html の「掲示板URLの簡単javascript表示へ」で何とか掲示板へのリンク方法を変更しようと思い、リンクの工夫をしていたのですが、URL分割してjavascript表示にしようとしている最中で問題が発生致しまして。。 画像にリンクさせたいのですが、ただ単に画像にリンクさせるのではなくて、ロールオーバーをさせたいのですが、どのようにすればよいかわからず作業が進みません(;´Д`) もし、javascriptに詳しい方やweb制作に詳しい方、助けて下さい(´_`。) 他に方法があれば、教えて頂ければ助かります。 色々と参考になりそうなサイトさんは探しては見たのですが、該当するものがありませんでしたので。。。 私はあまり、javascriptには詳しくないので。。。

  • オンマウスで画像表示+表示した画像にリンク

    オンマウスで画像表示+表示した画像にリンク はじめまして。 今サイトを作っています。 ↓このサイトの中央部分に大きな画像とその上に タブが並んでいるのがお分かりになりますでしょうか?(参考サイト) http://www.rakuten.ne.jp/gold/han-world/ タブにふれると大きな画像が変わり、なおかつ大きな画像にもリンクが貼られるというものです。 こういうものとジャバスクリプトで同じ風にしたいです。 (参考サイトはフラッシュで作成されています) タブに触れると大きな画像が変わり、タブにリンクを貼ることはできたのですが 大きな画像にリンクさせるほうほうがよくわかりませんでした。 どこかのタグ素材サイトさんのソースをいじってなんとか触れるようなジャバの超初心者です。 どうぞお力をお貸しください 宜しくお願いいたします!

  • Javascriptを使用したスライドバナーについて教えてください

    現在ECサイトを構築しておりまして、TOPページの一定の場所の中で画像が自動でスライド、もしくはフェードイン・アウトで切り替わるバナーを設置したいと思っています。 似たようなイメージのものを設置しているサイトさんのソースを覗いたりしているのですがJavascriptについて詳しくはないので導入や設定の方法が見出せず困っております。 各画像にはそれぞれ別のリンク先を設定したいのですが何か参考になるサイトや方法などございませんでしょうか? 自動や手動で画像が切り替わるスライドショーなどは多数見つけたのですが、リンクの設定などに触れているものが見つからなかったのでこちらに投稿させていただきました。 あくまでもFLASHではなくJavascriptで行いたいので宜しくお願いいたします。

  • Javascriptのマウスオーバーについて

    Javascriptでマウスオーバーというものがあります。 画像の上にマウスを持っていくと、画像が切り替わるものです。参考:http://www14.plala.or.jp/sugachuu/JavaScript/k06.html そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか??(上記参考URLでたとえると、大きな画像1つと小さな画像4つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか??) もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。 よろしくお願いします。

  • JavaScript + FLASH 【overLayFlash】

    http://f-site.org/articles/2006/09/09042615.html 上記ページで紹介されている、むらけんさん制作のoverLayFlash.jsを元に、下記のようなカスタマイズを行いたいのですが、Javascriptがわからず困っています。 (1)onloadを使用し、ページ読み込み時に実行したい (2)FLASH終了後、今度はリンクにより再度表示したい(Replayみたいな感じで・・・。) というカスタマイズを行いたいのですが、(2)の時に、リンクをクリックすると、swfへ飛んでしまい、表示がおかしくなってしまいます。 (2)の時にもレイヤーを使用し、HTMLの上に被せたいのですが、 どうカスタマイズすればいいかわかりません。 どなたかjavascriptに精通してます方ご教授願えませんでしょうか。 苦肉の策として、swfファイル側のFLASHの表示を消すスクリプト、 onMouseDown=function(){ getURL("javascript:void(hideFlash());"); } に、getURL("index.html");を記述すれば、問題ないのですが、 マウスダウン時にリロードされてしまうので、格好が悪い気がします。 うまいことjavascript側で解決できませんでしょうか。 どうぞよろしくお願いいたします。

  • formのsubmitボタンを画像にして、オンマウスで画像を切り替えた

    formのsubmitボタンを画像にして、オンマウスで画像を切り替えたい。 HTMLとCSSでHP制作しています。 formのsubmitボタンを自作のボタン画像に変えて、ボタンにマウスを乗せると 画像の色を変えるという事をやりたいと思っています。 例えば赤ボタンをオンマウスで青ボタンにするという感じです。 ネット検索してボタンを画像に変える事は出来ました。 ですが、オンマウスで画像を切り替えるやりかたがよくわかりません。 javascriptを使ったものを見かけたように思うのでこちらで質問してみました。 CSSで普通のリンクボタンの画像切り替えは出来るのですが、 formではそういうわけにはいかないのでしょうか? javascriptがよくわかならいのですが、そんな私にも出来るでしょうか? どこか参考サイトがありましたら、紹介して頂けるとありがたいです。 アドバイスよろしくお願い致します。

  • TOPページのFlashコンテンツを制作する方法

    http://va20th.jp/にあるようなバナーや画像が横に流れて、その画像をクリックするとリンクするようなflashを制作したいと思っているのですが、作り方を知っている方、もしくは似たようなサンプルが掲載・提供されているサイトなどを知っている方が居ましたらご教授下さいm(__)m