質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

588閲覧

Eazy zoomという画像拡大プラグインが動作しないです

hidepon

総合スコア206

jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2017/09/13 01:17

編集2017/09/13 03:54

JqueryのプラグインでJquery Zoomというのを利用して画像を拡大しようとしていますが、うまく拡大されず困っています。
http://i-like-robots.github.io/EasyZoom/

このサイトを参考にしているのですが、うまく動作しません。

<script src="/js/jquery-2.1.4.min.js" type="text/javascript"></script> <script src="/js/bootstrap.js" type="text/javascript"></script> <script src="/js/ie10-viewport-bug-workaround.js" type="text/javascript"></script> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js" type="text/javascript"></script> ![endif]--> <link rel="stylesheet" href="/css/easyzoom.css" /> <script src="/js/easyzoom.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(function(){ $('.easyzoom').easyZoom(); }); </script>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="easyzoom easyzoom--overlay"> <a href="/image/photo1.jpg"><img width="2000" height="2000" src="/image/photo1.jpg" class="img-responsive" id="top_image" /></a> </div> </div>

https://webkaru.net/jquery-plugin/sources/easyzoom/demo.html

こちらのサイトも参考にしているのですが、うまくいきません。
宜しくお願いいたします

(追記)
そもそも、このプラグインは大小の2枚の画像が必要ということなんでしょうか?
ご存知の方がいらっしゃったら教えていただけるでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

manzyun

2017/09/13 01:43

もしも可能であれば、ご使用のブラウザの「開発者ツール」ないし「デベロッパーツール」の中のConsoleに何は表示されていないか。表示されていればそれを掲載していただくと、解決しやすいと思います。
hidepon

2017/09/13 01:54

ご返答有難うございます。consoleには何も表示されていないんです。それで途方に暮れています。
hidepon

2017/09/13 03:18

申し訳ございません。現象としては、全く機能していないという状況です。画像が拡大しない。マウスをずらしても画像上での移動するというアクションが発生しないという状況です。
guest

回答1

0

ベストアンサー

このプラグインは大小の2枚の画像が必要ということなんでしょうか?

サイトのコード見る限りそうですね。

HTML

1<div class="easyzoom"> 2 <a href="images/zoom.jpg"> 3 <img src="images/standard.jpg" alt="" /> 4 </a> 5</div>

投稿2017/09/13 03:55

kei344

総合スコア69398

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hidepon

2017/09/13 04:15

ご返答有難うございます。そういう仕組みなんですね・・・。うーーーん・・・・orz難しい。また振り出しに戻っちゃいました。(^^;)
kei344

2017/09/13 05:26

タイトルの件については解決されていると思いますが、まだ質問が「受付中」になっています。いったん「解決済」にされてはいかがでしょうか。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問