jquery全景图附带坐标

今天分享一款图片插件：jquery.imageScroller.min1.js。它可以制作卷轴全景图，可通过缩略图来预览。全景图附带地图标注功能。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线充值

分类：图片代码 > 缩略图难易：中级

查看演示

加我微信，拉你进VIP群学习：

下载资源下载积分： 30 积分

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.erdangjiade.com/" /><!-- 黄家坝 -->
            <area shape="rect" coords="833,54,923,77"  href="http://www.erdangjiade.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();
});

jquery全景图附带坐标 收藏

HTML

jquery全景图附带坐标
收藏