jQueryのimgpreviewプラグインが見つからない場合の代替方法を教えてください

前へ 次へ
このQ&Aのポイント
  • jqueryのimgpreviewプラグインを使用して、マウスオーバー時に画像を表示させる方法を探しています。
  • 公式のダウンロードページやリンク先でimgPreview.jsが見つからないため、代替方法を知りたいです。
  • 初心者なので専門的な知識がなく、どなたか教えていただけると助かります。
回答を見る
  • ベストアンサー

jqueryのimgpreviewというプラグイン

いつもお世話になってます。 マウスオーバー時に画像を表示できるようにしようと思っています。 （イメージはこんな感じです→http://www.css-lecture.com/template/2009/0407/） これを実装するには「imgPreview.js」というものをダウンロードしなければいけないようなのですが、ダウンロードページに行ってダウンロードファイルをクリックしても「古いものだからこちらへ」みたいなメッセージあり、そこからリンク先へ行ってもimgPreview.jsらしきものがどこにもありません。 「ここにあるよ！」とお教えいただければ即解決なのですが、もしimgPreview.jsが存在しないなら別の方法をご教授願いたいです。ちなみに、初心者ですので専門的なことはわかりません・・・。 やりたいことは、テキストにマウスオーバーで画像を表示させることです。 どなたかお詳しい方、お知恵をお貸しください。よろしくお願い致します。

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

探してはいないので、どこで配布されているのかはわかりませんが、 少なくとも、ご提示のサイトにありますよ。 　http://www.css-lecture.com/template/2009/0407/js/imgpreview.js （ページのソースを見れば、わかると思います）

mu-cyan628
質問者

お礼

fujillinさん、ありがとうございます。 これほど早く解決するとは思いませんでした。 いったい今までどこを探していたのやら…お恥ずかしい限りです。 本当にありがとうございました。

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

関連するQ&A

  • jqueryプラグインを探しています。

    ttp://akaitaro.com/ 上記のサイトのように、画像の部分にマウスオーバーすると画像の上にテキストが表示できるようなプラグインを探しています。 探してみたのですがなかなか見当たらないのですが、どなたかご存知の方がいれば教えていただけないでしょうか。

  • リンク画像をホバーアニメーションで暗くする方法

    html、css、js等でリンクの設定された画像を、マウスオーバーでゆっくりと暗くなりテキストが表示される方法はありませんでしょうか。 ・マウスオーバーでゆっくり画像が暗くなり、テキストが表示される ・画像を押すとリンク先へ移動する ・マウスを画像から離すと元に戻る もし上記のものが難しければ、ゆっくりと別の画像に入れ替わる方法はありませんでしょうか。 どなたかご教授お願い致します。

    • ベストアンサー
    • HTML
  • CSS マウスオーバーでテキストの上に画像を表示させるには？

    CSS で hover を使い、マウスオーバーするとリンクのテキストの上に画像を持ってくる（テキストが見えない状態にする）方法というのはありますか？ background-image を使うとテキストが見えてしまいます・・ マウスオーバーで　画像１→画像２　と表示させる方法はこちらの他の回答で見つけたのですが、テキスト→画像　と表示させる方法は見つかりませんでした。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • jQueryのプラグイン（画像処理）を探していま

    下記のサイトのような事が実装できるjQueryプラグインを探しています。 http://www.sumitomo-rd-mansion.jp/shuto/shinjuku/private.html 実装したい事 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ １）メイン画像の切り替えは 矢印をクリックするか サムネイルをマウスオーバーすると切り替わるようにしたい。 ２）サムネイルはマウスオーバーで画像と文字が切り替わるようにしたい ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 参考になるサイト等、ご存知でしたら教えていただけば幸いです。

  • ＣＳＳの画像のマウスオーバーの質問です

    こんにちは [画像A]にリンクをはって、マウスオーバーの時に、[画像B]に切り替わるようにしたいのですが、できません。 ドリームウィーバーのビヘイビアパネル→スワップイメージを使うとできました。 しかし、CSSを使って、マウスオーバー時に画像を切り替えたいのです。 テキストを入れて、テキストインデント、-9999でテキストを飛ばして背景に「画像A」を持ってきて、a:hoverで「画像B」をいれて、マウスオーバーを切り替える。これもできました。 しかし、 <body> <a href="#"><img src="images/gazou.jpg" width="100" height="100" /></a> </body> 　　　　　↑ このような画像のリンクにＣＳＳを使ってマウスオーバーの画像切り替えをしたいのです。 どなたか、ご存知の方教えてください。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • jQueryでふたつの動作をさせたいのですが？

    jQueryでふたつの動作をさせたいのですが、適用のしかたがわかりません。 詳しい方、教えてください。 ■その１：ページのトップに戻す http://iuser.jp/webjin/archives/2009/11/jquery-scroll-to-top-control.html この動作単独では動きました。 ■その2：マウスオーバーで画像を変更 http://www.webcreatorbox.com/tech/jquery-tips20/ その１で、プラグインのscrolltopcontrol.jsで指示する矢印画像：scrollup.gif に、 その2のマウスオーバーをかけたいのです。 その2のマウスオーバーは、<body>内に実存する画像に対応するようになっていて、 scrolltopcontrol.js内に書かれている画像に、指示すにはどうしたら良いのかわかりません。 また、この方法ではできないのなら、「その１：ページのトップに戻す」を生かして、そのボタンに マウスオーバーをかける他の方法を教えてください。

  • アンカーにマウスオーバーして吹き出しを表示させたい

    http://english.chakin.com/ のように、あるリンクにマウスオーバーすると、 それの吹き出し（注釈？）が、ちょっと右下に表示されるようにするには、 どうやってJS/CSSをくめばいいのでしょうか？ なお、それについて書いてあるページをご存じでしたら、 それもお教え頂ければ幸いです。 以上、よろしくお願い申し上げます。

  • JQueryのプラグインに関して

    どなたかご存知の方、どうかご回答をお願い致します。 下記参考URLをご覧下さい。 JQueryのプラグインまたはCSSなどで参考のページを作成したいと思います。 はじめに、表示する画像はフルスクリーン表示、そして左上にある、メニューを配置して メニューごと画像が切り替わる。 最後に左右→を表示して切り替えできる。 上記の内容に近いもので、JQueryのプラグインまたCSSなどで出来るのでしょうか。 ネットで毎日調べていますが…なかなか見つからずで…こちらにたどりつきました。 お手数ですがどうぞ宜しくお願い致します。 ※backgroundは静止画を導入します。 参考URL https://www.facebook.com/paper

  • マウスオーバー時の画像とCSSについて

    久しぶりにHTMLをいじってたんですが、すっかり忘れちゃって 色々見てみたんですが、解決しなかったので教えて下さい。 indexと同じディレクトリにdesignというフォルダを作り中にmouse_over.cssという カスケードスタイルシートを作りました。 "mouse_over.css"の内容は a:link.link1{ display:block; width:100px; height:25px; background-image:url(./home.png); text-indent:-10000px; list-style:none; } a:hover.link1{ display:block; width:100px; height:25px; background-image:url(./home_over.png); text-indent:-10000px; list-style:none; } です。それと、上同ディレクトリにpicというフォルダを作り、homeとhome_overという2種類の画像を入れてあります。indexには、head内に <link rel="stylesheet" type="text/css" href="design/mouse_over.css" />というリンクを張り、 body内に<a href="リンク先URL" class="link1"></a>としましたが、画像が出ません。 上記のCSSをindex内に<style>括りで書くと、画像も表示されちゃんとマウスオーバーで 画像が変わるのですが、CSSを別に置くとindexは真っ白のまま何も表示されません。 何処が間違っているのかかなり色々やったのですが、まったくわからなくなってしまい、 困っております。 どうか智恵をお貸し下さい。宜しくお願いします。

  • jqueryのプラグインdroppy.jsについて

    WEBデザイン初心者です。 グローバルナビ部分を、ドロップダウンリストにしたいなと思い、jqueryで実装しようと思っています。 調べてみたところ、よく使われているプラグインにdroppy.jsというものがありましたが、 どの紹介サイトでもjQueryのサイトにリンクされています。 ただ、そこから、ダウンロードファイルが見つかりません。 もしかして、jQueryサイトでは取り扱わなくなったプラグインなのでしょうか。 あまりにもdroppyの事例が多いので、できれば導入したいのですが、分かる方いれば、よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する