该插件的应用非常的广泛主要应用在商品网站的商品图片的展示上,满足用户想要更加仔细查品的细节的体验感。
应用插件:
编写代码:
<div class="jq22-container">
<div class="container mt50">
<main>
<div class="row mag-eg-row">
<div class="col col-md-6">
<div class="mag-eg-el-wrap img-thumbnail">
<div class="proportion">
<div mag-thumb="inner" class="mag-eg-el">
<img src="~/放大镜/img/alley/500x300.jpg" />
</div>
<div mag-zoom="inner" class="mag-eg-el">
<img src="~/放大镜/img/alley/1000x600.jpg" />
</div>
<div class="filler"></div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>