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

Gallery Demo图文相册网页特效

时间:2014-04-17      来源:互联网     
特效说明:
一款Gallery Demo图文相册网页特效,带左右按钮,自动轮播及点击按钮或说略图切换图文相册,不限图片数量,可以添加多张图片展示。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/fonts.css" type="text/css" media="all">
<!--必要样式-->
<link rel="stylesheet" href="css/demo.css" type="text/css" media="all">

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.7.min.js" ></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/uCarousel.js"></script>
<script type="text/javascript" src="js/tms-0.4.1.js" ></script>

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

相册特效参数配置:
<script type="text/javascript">
$(document).ready(function(){
    
    $('.gallery')._TMS({
        show:0,
        pauseOnHover:false,
        prevBu:'.prev',
        nextBu:'.next',
        playBu:'.play',
        duration:10000,
        preset:'zoomer',
        pagination:$('.img-pags').uCarousel({show:10,shift:0}),
        pagNums:false,
        slideshow:7000,
        numStatus:true,
        banners:'fromRight',// fromLeft, fromRight, fromTop, fromBottom
        waitBannerAnimation:false,
        progressBar:'<div class="progbar"></div>'
    });

});
</script>
相关特效
  • HTML5科幻空间动画背景网页特效

    HTML5科幻空间动画背景网页特效

    一款HTML5科幻空间动画背景网页特效免费下载,该网页特效适用于游戏、科技类网站制作、网页设计背景代码素材。……
    2019-04-12
  • jQuery带左侧缩略图响应式图文相册

    jQuery带左侧缩略图响应式图文相册

    一款jQuery带左侧缩略图响应式图文相册源码下载,该图文相册特效是一款基于jQuery以及jssor.slider.js插件编写的PC+手机响应式图片轮播图片特效。……
    2018-04-04
  • HTML5电子书翻页动画特效

    HTML5电子书翻页动画特效

    一款HTML5电子书翻页动画特效免费下载,点击左右按钮3D式立体翻书效果,HTML5电子书图文相册特效。……
    2016-12-23
  • jQuery闪烁粒子动画背景特效

    jQuery闪烁粒子动画背景特效

    一款jQuery闪烁粒子动画背景特效免费下载,该特效基于jquery.parallax.js插件编写,闪烁星空动画背景,页面元素随鼠标运动而运动。……
    2016-12-23
  • jQuery手指滑动刻度尺选择值特效

    jQuery手指滑动刻度尺选择值特效

    一款jQuery手指滑动刻度尺选择值特效免费下载,该特效适用于微信网站、手机站等移动端触屏设备使用,可以用手指左右滑动选择刻度值。……
    2016-12-01
  • SVG制作旋转地图动画

    SVG制作旋转地图动画

    一款SVG制作旋转地图动画免费下载,该SVG地球特效自适应兼容主流浏览器。……
    2016-12-01
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • jQuery+CSS3登录/注册动画窗口网页特效

    jQuery+CSS3登录/注册动画窗口网页特效

    一款jQuery+CSS3登录/注册动画窗口特效代码下载,该网页特效是一款采用UI界面设计风格,配合使用CSS3动画和少量jQuery代码来制作,整体感觉时尚大方。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28
  • jQuery带放大镜LightBox多图相册特效

    jQuery带放大镜LightBox多图相册特效

    一款jQuery带放大镜LightBox多图相册特效下载,该JS特效是一款可以显示相应缩略图的高清大图相册,且在浏览高清大图时还可以使用放大镜来查看局部细节放大效果。……
    2016-06-28

最新更新特效

设计分享