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

标签图文相册 jQuery相册照片相册

预览下载收藏分享