<html> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script> <link href="css/style.css" rel="stylesheet" type="text/css"> <link href="css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script> <script type="text/javascript" src="js/jquery.loupe.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#single_1").fancybox({ helpers: { width: '200px', title: { type: 'float' } }, afterShow: function () { $("#single_1").loupe({ width: 100, // width of magnifier height: 100, // height of magnifier loupe: 'loupe' // }); </script> </head> <body> <a id="single_1" href ="img/mic.jpg"><img src="img/mic.jpg" alt="" width="250"></a> </body> </html> コード ```###前提・実現したいこと 題名の通りなんですが、画像をクリックするとlightboxのようなjqueryで一度拡大して、その後に虫眼鏡やルーペ等で部分的に拡大が出来ないかという質問です。 例えば、fancyboxを使い拡大した後、こちらの↓loupeのjqueryを拡大した画像に追加できないでしょうか? http://redopop.com/loupe/ それか、lightboxのようなjqueryで部分拡大も出来るようなやつがあればご享受下さい。 宜しくお願いします。
回答1件
あなたの回答
tips
プレビュー