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枚の画像が必要ということなんでしょうか?
ご存知の方がいらっしゃったら教えていただけるでしょうか?
回答1件
あなたの回答
tips
プレビュー