当前位置:主页 > jquery插件 > 图片展示 >

jQuery手机端多图放大预览

栏目分类:图片展示   模板编号:JQ00110    发布日期:2018-07-24   来源:www.zybox.cc   浏览次数:次     在线预览
jQuery手机端查看图片,滑动切换

引用swiper

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/rem.js"></script>
<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
<script type="text/javascript" src="js/swiper.min.js"></script>

放大的DEMO

<div class="po-avt-wrap"> <img class="po-avt" src="images/a1.jpg"> </div>
        <div class="po-cmt">
          <div class="po-hd">
            <p class="po-name"> 空空空 </p>
            <p class="post"> 还是好困~ <img src="images/c1.jpg"> </p>
            <p class="time"> 2分钟前 </p>
            <div class="tc1"> <img class="c-icon" src="images/c.png">
              <div class="tc2"><span class="zan"><span>赞</span></span> <span class="pinglun"><span>评论</span></span></div>
            </div>
            <div class="r"> </div>
            <div class="cmt-wrap">
              <div class="like"> <img src="images/l.png"> 陈赫,叫兽易小星,王思聪,陈冠希,余文乐... </div>
              <div class="cmt-list">
                <p> <span> 陈赫: </span> 怪我咯~ </p>
                <p> <span> 陈冠希: </span> 怪我咯~ </p>
                <p> <span class="data-name">万虎科技~贾素杰</span> <span> : </span> 怪我咯~ </p>
                <p> <span> 空空空 </span> 回复 <span class="data-name">万虎科技~贾素杰</span> <span> : </span> 知道就好! </p>
              </div>
            </div>
          </div>
        </div>

需要有一定的JS基础即可更改为你想要的效果

在线演示 立即下载
打赏本站
云盘密码:tehk
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载