jquery全景图附带坐标

jquery全景图附带坐标

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

淘建站为您提供更多_图片代码_缩略图_全景图_preview,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 345 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:图片代码 > 缩略图 难易程度:中级

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();
});

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/434.html
jquery全景图附带坐标 希望对你有帮助,感谢您的支持!
留言(0)
头像
 阿里云限量代金券,戳我领取
1 2