Picbox修改点击弹出图片切换效果

 2998去下载

Picbox修改点击弹出图片切换效果,适用于的jQuery版本比较低,但是引用jQuery版本迁移辅助插件即可解决问题。如下:

  1. <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  2. <script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>


Picbox修改点击弹出图片切换效果


引入 CSS 和 JS 文件:

  1. <!-- 引入jQuery -->
  2. <script src="http://libs.baidu.com/jquery/1.4.4/jquery.min.js"></script>
  3. <!-- 引入picbox.js -->
  4. <script type="text/javascript" src="js/picbox.js"></script>
  5. <!-- 引入picbox.css -->
  6. <link rel="stylesheet" href="css/picbox.css" type="text/css" media="screen">

组图用法:

  1. <p>
  2.     <a href="example.jpg" rel="lightbox-group" title="图片信息1">打开大图</a> to view a picture inside Picbox.
  3.     <a href="example2.jpg" rel="lightbox-group" title="图片信息2">Click here</a> to view a picture inside Picbox. 
  4. </p>

单图用法:

  1. <a href="example.jpg" rel="lightbox" title="Double click for full size">Click here</a> 
  2.  
  3. <a href="example2.jpg" rel="lightbox" title="Double click for full size">
  4.     <img style="width:100px;" src="example2.jpg">
  5. </a>


本文网址:https://www.zztuku.com/index.php/detail-12850.html
转载请声明来自:站长图库 - Picbox修改点击弹出图片切换效果


使用声明:

1、本站所有素材,仅限学习交流,请勿用于商业用途。

2、本站资源大多无解压密码,如遇需要解压密码,无特殊说明,均为:zztuku.com

3、下载积分可通过日常 签到绑定邮箱 等途径免费获得!

4、本站提供的源码、模板、软件工具等其他资源,均不包含技术服务,请大家谅解!由于资源大多存储在云盘,如出现链接失效请评论反馈。

5、如果素材损害你的权益,请 联系我们 给予处理。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢