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

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

栏目分类:图片展示   模板编号:JQ00015    发布日期:2017-02-27   来源:网络   浏览次数:次     在线预览
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"><br>

组图用法:

<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>


在线演示 立即下载
打赏本站
云盘密码:tfog

标签: 图片切换 picbox

相关下载
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载