1
上の虫眼鏡を生成するmagnifier.jsを使用した：私はいずれかを使用しているよhttp://mark-rolich.github.io/Magnifier.js/私はオンライン行って、この見つかったので、私は私のイメージのため虫眼鏡を作成しようとしてきた私のイメージ
をモードが 'inside'に設定されているので、私はデモでのやり方と同じように動作させたいと思います。 'inside'
私はmagnifier.cssをどうすればいいのか分かりませんが、自分のMagnifier.jsとEvent.jsのリンクを作ったようです。働くこと。
<head>
<link rel="stylesheet" type="text/css" href="magnifier.css">
<script type="text/javascript" src="http://www.enviroptics.com/Matt/js/Event.js"></script>
<script type="text/javascript" src="http://www.enviroptics.com/Matt/js/Magnifier.js"></script>
<script type="text/javascript">
var evt = new Event(),
m = new Magnifier(evt);
</script>
</head>
<body>
<div>
<a class="magnifier-thumb-wrapper" href="http://en.wikipedia.org/wiki/File:Starry_Night_Over_the_Rhone.jpg">
<img id="thumb" src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Starry_Night_Over_the_Rhone.jpg/200px-Starry_Night_Over_the_Rhone.jpg">
</a>
<!-- <div class="magnifier-preview" id="preview" style="width: 200px; height: 133px">Starry Night Over The Rhone<br>by Vincent van Gogh</div>-->
</div>
<script>
m.attach({
thumb: '#thumb',
large: 'http://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Starry_Night_Over_the_Rhone.jpg/1200px-Starry_Night_Over_the_Rhone.jpg',
mode: 'inside',
zoom: 3,
zoomable: true
});
</script>
</body>
HERESに私はhttp://www.w3schools.com/code/tryit.asp?filename=F0EBCN2SLPOI
任意のアイデアがで働いてきたW3Schoolsのへのリンク？