自带完整数据 快速建站好帮手
客服QQ客服QQ 客服微信客服微信 公众号公众号

jQuery制作支持全屏的图片相册轮播切换特效代码

特效介绍

这款jQuery制作支持全屏的图片相册轮播切换特效代码,功能强大,兼容性好,支持全屏轮播的。

js代码

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.tn3lite.min.js"></script>
<script>
$(document).ready(function() {
var tn1 = $('.mygallery').tn3({
skinDir:"skins",
imageClick:"fullscreen",
image:{
maxZoom:1.5,
crop:true,
clickEvent:"dblclick",
transitions:[{
type:"blinds"
},{
type:"grid"
},{
type:"grid",
duration:460,
easing:"easeInQuad",
gridX:1,
gridY:8,
// flat, diagonal, circle, random
sort:"random",
sortReverse:false,
diagonalStart:"bl",
// fade, scale
method:"scale",
partDuration:360,
partEasing:"easeOutSine",
partDirection:"left"
}]
}
});
});
</script>

图片相册轮播切换

TAG标签:图片相册轮播切换

上一个:jQuery新闻组图幻灯片循环播放切换代码
下一个:JS制作大气漂亮的艺术网站图集相册切换特效代码

免责声明:本站模板均来自用户分享和网络收集,仅供学习研究,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。

咨询客服

QQ:1847629575

全年 09:00-23:00

(其他时间请留言)

在线客服

Copyright©2021 www.why114.com 瓦窑源码 版权所有 鲁ICP备20017802号

展开