添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 图文相册 >

可全屏浏览baguettebox相册代码插件

时间:2014-11-27      来源:互联网     
特效说明:
一款可全屏浏览baguettebox相册代码插件网页特效,点击图片列表缩略图全屏展示图片,点击左右按钮查看上一张、下一张图片,点击关闭按钮退出全屏展示。(兼容测试:IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/baguettebox.min.css">
<link rel="stylesheet" href="css/zzsc.css">

2、调用JS插件代码:
<script src="js/baguettebox.min.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、初始化代码:
<script>
baguetteBox.run('.baguetteBoxOne', {
    animation: 'fadeIn',
});
</script>
相关特效
  • JS鼠标滑过小图放大显示图片相册代码

    JS鼠标滑过小图放大显示图片相册代码

    一款JS鼠标滑过小图放大显示图片相册代码,鼠标划过图片列表,图片动画放大显示网页特效,特效兼容IE6以上版本,网页设计图片展示推荐JS相册代码。……
    2014-11-19
  • jQuery多图展示相册网页特效

    jQuery多图展示相册网页特效

    一款实用jQuery多图展示相册网页特效,支持多图添加、左右按钮切换轮播、自动轮播相册特效。照片展示、图文展示特效案例,兼容效果好,易修改。……
    2014-05-07
  • 纯JS实现带缩略图和左右箭头平滑滚动相册特效

    纯JS实现带缩略图和左右箭头平滑滚动相册特效

    一款纯JS实现带缩略图和左右箭头平滑滚动相册网页特效,带左右按钮,多图,左右平滑滚动、效果流畅。……
    2013-11-13
  • 纯js仿腾讯QQ视频网站焦点图网页特效

    纯js仿腾讯QQ视频网站焦点图网页特效

    一款纯js仿腾讯qq视频网站焦点图网页特效,带左右按钮,自动轮播及点击切换焦点图。特效优点:纯js编写,不依赖其他js框架支持。缺点:不支持IE6、IE7浏览器;……
    2013-11-04

最新更新特效

设计分享