• ベストアンサー

ポインターを近づけたら、画像が動くjQuery

こんにちは。 WEB製作初心者の者ですが、現在、ポインターを近づけたら、画像が左右に動くようなjQueryを探しております。 画面に画像が全部表示されているのではなく、画面外から切れている画像を左右に流れるような動きを出したいのですが、こうした動きのあるjQueryはあるのでしょうか。 知識をお持ちの方、是非ともご教示頂けましたら、幸いです。

  • teee
  • お礼率38% (183/473)

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

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

http://www.webopixel.net/javascript/179.html こんなことでしょうか? ポインターというよりもカーソルでぐぐればでてくるかもしれません。 マウスを重ねることをマウスオーバーといいますので 「jquery マウスオーバー アニメーション」などで検索するといいかもしれませんね。

関連するQ&A

  • こんな動きができるJqueryを探しています。

    お客さまより、こんな動きができないか?と言われていろいろ探していたんですが、 全然見つからないので、こちらで質問させていただきます。 こちらのサイトの様な動きができるJqueryプラグインはありませんか? ↓↓↓↓ ---- 摂南大学様サイト http://www.setsunan.ac.jp/ ---- 左右の画像は透明にならなくてもかまいません。(むしろならないほうがいいです) メインの画像が1枚だけ切り替わるスライダーは沢山あるみたいなんですが、 この様に、左右の画像が表示され、なおかつ下のまるい図の色が変わるものが見つからずに、 とても困っています。 どなたか教えていただけませんか?

  • JQueryで画像のスライドをおこないたいのですが

    下記サイトの様に画像をスライドさせ、一定時間止めて、またスライドさせたいと思っています。 http://www.toyo-planning.co.jp/ 上記サイトはFLASHでおこなっていますが、JQueryでおこなえないでしょうか? サンプル集などを拝見したのですが、見つからず、カスタマイズして自分で作れるほどの、 知識や技術もございません。 是非ご教示頂けますと幸いです。

  • jQueryで画像を重ねる

    javascript初心者です。 複数の画像を少しずらして重ねて表示させ、下層の画像をクリックするとその画像が一番上に来るようにしたいのですが、そのようなことはjQueryでできるでしょうか?(画像でなくても何でもいいのですが・・・) 選択したものを一番上に表示させれればOKで、移動できる必要はありません。 お詳しい方が居られましたらご教授願います。

  • jQuery 画像タブメニューへのダイレクトリンク

    jQueryを使用した画像タブメニューで表示された内容への 他ページからのダイレクトは可能でしょうか? 現在下記ページのノーマル版を使用しています。 http://web.showjin.me/2011/05/jquery_tab_image.html ■デモ画面 http://web.showjin.me/demo/jquery_tab_normal.php ファイル名の後にjquery_tab_normal.php#tab2など、アンカーリンクを張っても無理なようです。 方法がわかるようでしたらご教授お願いします。

  • jQueryの画像を使ったタブメニューについて

    下記のサイトを参考にタブメニューを制作いたしました。 jQueryを使ったタブ(画像)による画面切り替え http://web.showjin.me/2011/05/jquery_tab_image.html 各コンテンツの中にリストタグやpタグなどで内容を記載すると うまくいくのですが、divタグを使用するとまったく表示されないようです。 divタグに style="display: none;"と読み込まれてしまいます。 各コンテンツの内容にjqueryを使用してサムネイルのアルバムを設置したいと 思っているので、divタグなどでも問題なく表示されるようにしたいと思っています。 scriptを修正して実現できる方法が分かる方がおられましたら お教え頂けないでしょうか? どうぞ宜しくお願い致します。

  • jQueryによる画像切替動作のカスタマイズ方法

    こちら(http://blog.net-king.com/)でプラグインをダウンロードし、自分のWebページに設置させていただきました。 optionのところのautoPlayをfalse(自動切り替えしない)に変更し、 こちら(http://okwave.jp/qa/q7571450.html)の質問・回答を参考にさせて頂き、各ページごとに、最初に表示される画像を変更・表示することが出来ました。 今回質問させて頂きたいのは、 メニューからマウスポインタが外れた時・メニューにマウスオーバーをしていない状態の時に、常に1つの画像を表示する方法です。 メニュー1のページを開いた時に、最初からimg01が表示されている場合・・・ メニューボタンの2にマウスオーバーをするとimg02の画像に切り替わり、メニューボタンからマウスポインタが外れると、再度 img01に切り替わるようなイメージです。 このような動作をするよう、設定することは可能でしょうか。 出来れば元の画像に切り替わる際もフェード効果があると嬉しいです・・・ jQuery初心者により、詳しく記述していただけると幸いです。 お分かりになる方がいらっしゃいましたら、ご回答の程よろしくお願い致します。

  • JQueryを使用して画像をゆっくり表示させる

    JQueryを使用して画像をゆっくり表示させる ご覧いただきましてありがとうございます。 今回新規でHPを作るにあたり、トップの画像をゆっくりと表示させようと思っています。 そういった画像はFlashで良く見るのですが、Flashを使わずJQueryで作成しようと思っています。 ただ、逆引きのサイトなどを見てもボランクリックで表示やスライドショーの表示方法は載っているのですが 私の理想としている風のはなかなか見つけられません。 詳しい方、ご教授いただけると幸いです。 http://www.wasedasai.net/about このような風に表示するのが理想です。 ソースを見るとこのサイトもJQueryを使用しているみたいなのですが・・・

  • jquery-galleryviewのカスタマイズ・・・

    jquery-galleryviewをカスタマイズして自分のページに使用したいのですが、JavaScriptの知識に乏しく、どこをいじれば良いのかわかりません。 http://www.spaceforaname.com/jquery/galleryview 画像のサイズなどは変更できたのですが、 ・pointer ・next ・prev この画像だけがどこで変更させるのかが分からず困っています。 画像を置き換えても、サイズが固定されているようで、小さな画像に置き換えてもデフォルトの大きさに引き伸ばされます。 解説サイトやおわかりになる方、是非アドバイスお願いします><

  • (JQuery)スライダーのサンプル探しています

    jquery初心者です・・。 クライアントからの要望がありましたので(http://shop.benesse.ne.jp/ )のようなjqueryのサンプルをずっと探しているのですがありそうでなかなかありません・・ 画像が入れ替わる時の動きに決まりはありません。 右に各コンテンツのサムネイルが縦に並んでいて左のメインイメージが連動して入れ替わり 画像をクリックするとコンテンツへリンクする。 といった動きです。 どなたかご存知の方教えていただけますでしょうか・・! 何卒よろしくお願いいたします・・・!

    • ベストアンサー
    • CSS
  • skitter(jquery)での初期表示画像

    skitter(jquery)で画面を開いた時に移動した状態で開くことは出来ますでしょうか。 たとえば20個画像があって、画面を開いた時に10番目の画像を表示を表示し、 サムネイル一覧も10番目の画像がアクティブになっている状態にしたいです。 image_iに10を渡すとかjumpToImageを呼び出すとか試したんですけど、 どうにもうまくできません。 お願いいたします。