lovelygallery(卡哇依相册)

发布时间:2020-02-13 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了lovelygallery(卡哇依相册)编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

                            lgjQuery("#lovelygallery_1").lovelygallery({ <!-- 特效:#lovelygallery_1 #lovelygallery_2 #lovelygallery_3 ... #lovelygallery_200 -->
                                width : '1000px',<!-- 宽度:1000px -->
                                height : '450px',<!-- 高度:450px -->
                                responsive : true,<!-- 响应:true false -->
                                responsiveUnder : 0,<!-- 响应下:0 -->
                                sublayerContainer : 0,<!-- 响应容器:0 -->
                                autoStart : true,<!-- 自动播放:true false -->
                                pauSEOnHover : false,<!-- 鼠标移至区域暂停:true false -->
                                firstLayer : 1,<!-- 第1张幻灯的z-index层:1 -->
                                animateFirstLayer : true,<!-- 第一层动画是否播放:true false -->
                                randomSlideshow : false,<!-- 随机播放其中一张幻灯:true false -->
                                twoWaySlideshow : true,<!-- 第二层动画等待时是否播放:true false -->
                                loops : 0,<!-- 循环播放:0(无限播放) 1-n(1或自定次数) -->
                                forceLoopNum : true,<!-- 强制循环播放:true false -->
                                autoPlayVideos : true,<!-- 自动播放视频:true false -->
                                autoPauseSlideshow : 'auto',<!-- 自动暂停播放特效:auto pause -->
                                youtubePreview : 'maxresdefault.jpg',<!-- 视频背景图片:true false -->
                                keybNav : true,<!-- 键盘左右键控制是否开启:true false -->
                                touchNav : true,<!-- 触摸控制是否开启:true false -->
                                skin : 'lovely',<!-- 皮肤样式(共32套):borderlessdark borderlessdark3d borderlesslight borderlesslight3d carousel darkskin defaultskin fullwidth fullwidthdark glass lightskin lovely lovely3d lovely3dblue lovely3dblueglass lovely3dcoffee lovely3dcyan lovely3ddark lovely3dglass lovely3dgold lovely3dmulti lovely3dorange lovely3dred lovely3dwhite lovely3dwhiteglass lovelyglass lovelygreen lovelypink lovelyskyblue lovelyviolet lovelyyellow minimal -->
                                skinsPath : 'images/bg/skins/',<!-- 皮肤样式路径:images/bg/skins/ -->
globalBGColor : 'transparent',<!-- 全局背景颜色:transparent -->
navPrevNext : true,<!-- 左右控制图标显示:true false -->
                                navStartStop : true,<!-- 播放暂停控制图标显示:true false -->
                                navButtons : true,<!-- 导航控制按钮显示:true false -->
                                hoverPrevNext : true,<!-- 左右控制图标鼠标移上显示:true false -->
                                hoverBottomNav : true,<!-- 底部控制图标鼠标移上显示:true false -->
                                showBarTimer : true,<!-- 时间控制条显示:true false -->
                                showCircleTimer : false,<!-- 时间控制圆显示:true false -->
                                thumbnailNavigation : 'hover',<!-- 缩略图显示:hover(鼠标移上去显示) always(总是显示) bullets(不显示) -->
                                tnWidth : 100,<!-- 缩略图高度:100 -->
                                tnHeight : 60,<!-- 缩略图宽度:60 -->
                                tnContainerWidth : '60%',<!-- 缩略图容器高度:60% -->
                                tnActiveOpacity : 35,<!-- 缩略图活动透明度:35 -->
                                tnInactiveOpacity : 100,<!-- 缩略图不活动透明度:100 -->
                                imgPreload : true,<!-- 图片预加载:true false -->
                        		yourLogo : false,<!-- 自定义logo:true false -->
                                yourLogoStyle : 'left: 10px; top: 10px;',<!-- 自定义logo样式:left: 10px; top: 10px; -->
                                yourLogoLink : false,<!-- 自定义logo超链接:true false -->
                                yourLogoTarget : '_self',<!-- 自定义logo超链接打开方式:_self new _blank _parent _top -->
                                cbInit : function(element) { },<!-- 这个事件当幻灯片完成建立DOM和成功加载。如果你想要做的的元素对幻灯片开始东西,你将不能够直到幻灯片已加载,你必须使用这个事件。 -->
                                cbStart : function(data) { },<!-- 调用cbStart的当幻灯片已经开始。 -->
                                cbStop : function(data) { },<!-- 调用由用户停止当幻灯片。 -->
                                cbPause : function(data) { },<!-- Fireing当幻灯片是暂时搁置(例如,通过“悬停”功能暂停)。 -->
                                cbAnimStart : function(data) { },<!-- 调用cbAnimStart的当滑块开始滑动变化(动画开始)。 -->
                                cbAnimStop : function(data) { },<!-- Fireing当滑块完成幻灯片的变化(动画结束)。 -->
                                cbPrev : function(data) { },<!-- 调用滑块时,将改变以往由用户通过前面的按钮,键盘导航,触摸控制幻灯片。 -->
                                cbNext : function(data) { } <!-- 调用滑块时,将改变用户通过下一步“按钮,键盘导航,触摸控制下一张幻灯片。 -->
                            });

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

总结

以上是编程之家为你收集整理的lovelygallery(卡哇依相册)全部内容,希望文章能够帮你解决lovelygallery(卡哇依相册)所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!