今天分享一款图片插件:jquery.imageScroller.min1.js。它可以制作卷轴全景图,可通过缩略图来预览。全景图附带地图标注功能。
淘建站为您提供更多_图片代码_缩略图_全景图_preview,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 345 次
觉得不错,可打赏下作者
免费共享
HTML
我们在.map加入预览图片.preview和相关显示的坐标地点
<div class="map">
<img src="images/da.gif" class="feature-image" usemap="#Map1" style="left: -1302px;" />
<map name="Map1" id="Map">
<area shape="rect" coords="145,318,235,342" href="http://www.sucaiq.com/" /><!-- 黄家坝 -->
<area shape="rect" coords="833,54,923,77" href="http://www.sucaiq.com/" /><!-- 波仑寺 -->
</map>
<div class="preview" ><img src="images/xiao1.jpg" alt="" /></div>
</div>引入全景图插件imageScroller.js
<script type="text/javascript" src="js/jquery.imageScroller.min1.js"></script>调用地图插件imageScroller
$(document).ready(function() {
$('div.map').imageScroller();
});

