jQueryのimgpreviewプラグインが見つからない場合の代替方法を教えてください
- jqueryのimgpreviewプラグインを使用して、マウスオーバー時に画像を表示させる方法を探しています。
- 公式のダウンロードページやリンク先でimgPreview.jsが見つからないため、代替方法を知りたいです。
- 初心者なので専門的な知識がなく、どなたか教えていただけると助かります。
- ベストアンサー
jqueryのimgpreviewというプラグイン
いつもお世話になってます。 マウスオーバー時に画像を表示できるようにしようと思っています。 (イメージはこんな感じです→http://www.css-lecture.com/template/2009/0407/) これを実装するには「imgPreview.js」というものをダウンロードしなければいけないようなのですが、ダウンロードページに行ってダウンロードファイルをクリックしても「古いものだからこちらへ」みたいなメッセージあり、そこからリンク先へ行ってもimgPreview.jsらしきものがどこにもありません。 「ここにあるよ!」とお教えいただければ即解決なのですが、もしimgPreview.jsが存在しないなら別の方法をご教授願いたいです。ちなみに、初心者ですので専門的なことはわかりません・・・。 やりたいことは、テキストにマウスオーバーで画像を表示させることです。 どなたかお詳しい方、お知恵をお貸しください。よろしくお願い致します。
- mu-cyan628
- お礼率66% (4/6)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
探してはいないので、どこで配布されているのかはわかりませんが、 少なくとも、ご提示のサイトにありますよ。 http://www.css-lecture.com/template/2009/0407/js/imgpreview.js (ページのソースを見れば、わかると思います)
関連するQ&A
- jqueryプラグインを探しています。
ttp://akaitaro.com/ 上記のサイトのように、画像の部分にマウスオーバーすると画像の上にテキストが表示できるようなプラグインを探しています。 探してみたのですがなかなか見当たらないのですが、どなたかご存知の方がいれば教えていただけないでしょうか。
- ベストアンサー
- JavaScript
- リンク画像をホバーアニメーションで暗くする方法
html、css、js等でリンクの設定された画像を、マウスオーバーでゆっくりと暗くなりテキストが表示される方法はありませんでしょうか。 ・マウスオーバーでゆっくり画像が暗くなり、テキストが表示される ・画像を押すとリンク先へ移動する ・マウスを画像から離すと元に戻る もし上記のものが難しければ、ゆっくりと別の画像に入れ替わる方法はありませんでしょうか。 どなたかご教授お願い致します。
- ベストアンサー
- HTML
- CSS マウスオーバーでテキストの上に画像を表示させるには?
CSS で hover を使い、マウスオーバーするとリンクのテキストの上に画像を持ってくる(テキストが見えない状態にする)方法というのはありますか? background-image を使うとテキストが見えてしまいます・・ マウスオーバーで 画像1→画像2 と表示させる方法はこちらの他の回答で見つけたのですが、テキスト→画像 と表示させる方法は見つかりませんでした。 よろしくお願いいたします。
- ベストアンサー
- HTML
- jQueryのプラグイン(画像処理)を探していま
下記のサイトのような事が実装できるjQueryプラグインを探しています。 http://www.sumitomo-rd-mansion.jp/shuto/shinjuku/private.html 実装したい事 ================================== 1)メイン画像の切り替えは 矢印をクリックするか サムネイルをマウスオーバーすると切り替わるようにしたい。 2)サムネイルはマウスオーバーで画像と文字が切り替わるようにしたい ================================== 参考になるサイト等、ご存知でしたら教えていただけば幸いです。
- 締切済み
- JavaScript
- CSSの画像のマウスオーバーの質問です
こんにちは [画像A]にリンクをはって、マウスオーバーの時に、[画像B]に切り替わるようにしたいのですが、できません。 ドリームウィーバーのビヘイビアパネル→スワップイメージを使うとできました。 しかし、CSSを使って、マウスオーバー時に画像を切り替えたいのです。 テキストを入れて、テキストインデント、-9999でテキストを飛ばして背景に「画像A」を持ってきて、a:hoverで「画像B」をいれて、マウスオーバーを切り替える。これもできました。 しかし、 <body> <a href="#"><img src="images/gazou.jpg" width="100" height="100" /></a> </body> ↑ このような画像のリンクにCSSを使ってマウスオーバーの画像切り替えをしたいのです。 どなたか、ご存知の方教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- jQueryでふたつの動作をさせたいのですが?
jQueryでふたつの動作をさせたいのですが、適用のしかたがわかりません。 詳しい方、教えてください。 ■その1:ページのトップに戻す http://iuser.jp/webjin/archives/2009/11/jquery-scroll-to-top-control.html この動作単独では動きました。 ■その2:マウスオーバーで画像を変更 http://www.webcreatorbox.com/tech/jquery-tips20/ その1で、プラグインのscrolltopcontrol.jsで指示する矢印画像:scrollup.gif に、 その2のマウスオーバーをかけたいのです。 その2のマウスオーバーは、<body>内に実存する画像に対応するようになっていて、 scrolltopcontrol.js内に書かれている画像に、指示すにはどうしたら良いのかわかりません。 また、この方法ではできないのなら、「その1:ページのトップに戻す」を生かして、そのボタンに マウスオーバーをかける他の方法を教えてください。
- ベストアンサー
- JavaScript
- アンカーにマウスオーバーして吹き出しを表示させたい
http://english.chakin.com/ のように、あるリンクにマウスオーバーすると、 それの吹き出し(注釈?)が、ちょっと右下に表示されるようにするには、 どうやってJS/CSSをくめばいいのでしょうか? なお、それについて書いてあるページをご存じでしたら、 それもお教え頂ければ幸いです。 以上、よろしくお願い申し上げます。
- ベストアンサー
- JavaScript
- JQueryのプラグインに関して
どなたかご存知の方、どうかご回答をお願い致します。 下記参考URLをご覧下さい。 JQueryのプラグインまたはCSSなどで参考のページを作成したいと思います。 はじめに、表示する画像はフルスクリーン表示、そして左上にある、メニューを配置して メニューごと画像が切り替わる。 最後に左右→を表示して切り替えできる。 上記の内容に近いもので、JQueryのプラグインまたCSSなどで出来るのでしょうか。 ネットで毎日調べていますが…なかなか見つからずで…こちらにたどりつきました。 お手数ですがどうぞ宜しくお願い致します。 ※backgroundは静止画を導入します。 参考URL https://www.facebook.com/paper
- ベストアンサー
- JavaScript
- マウスオーバー時の画像と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の事例が多いので、できれば導入したいのですが、分かる方いれば、よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
fujillinさん、ありがとうございます。 これほど早く解決するとは思いませんでした。 いったい今までどこを探していたのやら…お恥ずかしい限りです。 本当にありがとうございました。