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

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

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

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

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

引入 CSS 和 JS 文件:

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

组图用法:

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

单图用法:

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

下载地址

本站内容转自网络,若侵犯了你的权益,请联系我们,我们将在第一时间删除。

如若转载,请注明出处:http://www.ntuku.com/14249.html