首先非常感谢网友老鼠的无私分享，此作品是利用他上次分享的jquery+html5的3D卡哇依相册插件改写的一款jquery焦点图特效，把使用的复杂度降低了，页面代码变得很简洁。
功能特点：
9个3D＆2D转换与过渡画廊！
易于使用的视觉过渡建设者 -创建自己的自定义转换，并用它与滑块！
（大多是独特的）功能（YouTube和Vimeo的视频，自动暂停幻灯片自动播放和自动预览图像，如果视频正在播放，暂停悬停，图像预压，回路，
支持视频播放（优酷等）。
支持所有主要的浏览器（包括IE7-11，我们建议您使用Chrome浏览器，Safari或Firefox）。
翻译插件的支持（如qTranslate）创建多语言滑块。（未提供）
皮肤编辑器，你可以修改皮肤从您的WordPress管理。（未提供）
支持wordpress，discuz、phpcms、dedecms等。（未提供）
内置功能强大的API。（未提供）
在一个页面上的多个滑块。
20套（可扩展和替换）皮肤支持。（未提供）
分层的皮肤文件中包含PSD格式。（未提供）
幻灯模板。（未提供）
幻灯模块（可无限扩展）功能。
开发者文档。（未提供）
免费的支持和未来的自动更新功能更新。（未提供）
配置文件
jQuery("#html5zoo-1").html5zoo({
jsfolder:jsFolder,
width:1000, <!-- 相册宽度。 true false ->
height:450, <!-- 相册高度。 true false ->
skinsfoldername:"",
loadimageondemand:false,
isresponsive:false, <!-- 鼠标触发自动响应。 true false ->
autoplayvideo:false, <!-- 自动播放视频。 true false ->
pauseonmouseover:true, <!-- 鼠标移上去暂停，离开继续播放。 true false ->
addmargin:true,
randomplay:false, <!-- 随机播放。 true false ->
slideinterval:5000, <!-- 播放间隔时间。 5000, ->
enabletouchswipe:true,
transitiononfirstslide:false,
loop:0, <!-- 循环播放。 0（无限循环） 1（循环1次） ->
autoplay:true, <!-- 自动播放。 true false ->
navplayvideoimage:"../../images/bg/play-32-32-0.png",
navpreviewheight:60,
timerheight:2,
shownumbering:false,
skin:"Frontpage", <!-- 皮肤。 "Frontpage", ->
addgooglefonts:true,
navshowplaypause:true,
navshowplayvideo:true,
navshowplaypausestandalonemarginx:8,
navshowplaypausestandalonemarginy:8,
navbuttonradius:0,
navthumbnavigationarrowimageheight:32,
navmarginy:20,
showshadow:false,
navfeaturedarrowimagewidth:16,
navpreviewwidth:120,
googlefonts:"Inder",
textpositionmarginright:24,
bordercolor:"#ffffff",
navthumbnavigationarrowimagewidth:32,
navthumbtitlehovercss:"text-decoration:underline;",
navcolor:"#999999",
arrowwidth:48,
texteffecteasing:"easeOutCubic",
texteffect:"fade",
navspacing:12,
playvideoimage:"../../images/bg/playvideo-64-64-0.png",
ribbonimage:"../../images/bg/ribbon_topleft-0.png",
navwidth:24,
showribbon:false,
arrowimage:"../../images/bg/arrows-48-48-3.png",
timeropacity:0.6,
navthumbnavigationarrowimage:"../../images/bg/carouselarrows-32-32-0.png",
navshowplaypausestandalone:false,
navpreviewbordercolor:"#ffffff",
ribbonposition:"topleft",
navthumbdescriptioncss:"display:block;position:relative;padding:2px 4px;text-align:left;font:normal 12px Arial,Helvetica,sans-serif;color:#333;",
arrowstyle:"mouseover",
navthumbtitleheight:20,
textpositionmargintop:24,
navswitchonmouseover:false,
navarrowimage:"../../images/bg/navarrows-28-28-0.png",
arrowtop:50,
textstyle:"static",
playvideoimageheight:64,
navfonthighlightcolor:"#666666",
showbackgroundimage:false,
navpreviewborder:4,
navopacity:0.8,
shadowcolor:"#aaaaaa",
navbuttonshowbgimage:true,
navbuttonbgimage:"../../images/bg/navbuttonbgimage-28-28-0.png",
textbgcss:"display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#333333; opacity:0.6; filter:alpha(opacity=60);",
navdirection:"horizontal",
navborder:4,
bottomshadowimagewidth:110,
showtimer:true,
navradius:0,
navshowpreview:true,
navpreviewarrowheight:8,
navmarginx:16,
navfeaturedarrowimage:"../../images/bg/featuredarrow-16-8-0.png",
navfeaturedarrowimageheight:8,
navstyle:"bullets",
textpositionmarginleft:24,
descriptioncss:"display:block; position:relative; margin-top:4px; font:14px Inder,Arial,Tahoma,Helvetica,sans-serif; color:#fff;",
navplaypauseimage:"../../images/bg/navplaypause-28-28-0.png",
backgroundimagetop:-10,
timercolor:"#ffffff",
numberingformat:"%NUM/%TOTAL ",
navfontsize:12,
navhighlightcolor:"#333333",
navimage:"../../images/bg/bullet-24-24-4.png",
navheight:24,
navshowplaypausestandaloneautohide:false,
navbuttoncolor:"#999999",
navshowarrow:true,
navshowfeaturedarrow:false,
titlecss:"display:block; position:relative; font:16px Inder,Arial,Tahoma,Helvetica,sans-serif; color:#fff;",
ribbonimagey:0,
ribbonimagex:0,
navshowplaypausestandaloneposition:"bottomright",
shadowsize:5,
arrowhideonmouseleave:1000,
navshowplaypausestandalonewidth:28,
navshowplaypausestandaloneheight:28,
backgroundimagewidth:120,
textautohide:true,
navthumbtitlewidth:120,
navpreviewposition:"top",
playvideoimagewidth:64,
arrowheight:48,
arrowmargin:0,
texteffectduration:1000,
bottomshadowimage:"../../images/bg/bottomshadow-110-100-5.png",
border:0,
timerposition:"bottom",
navfontcolor:"#333333",
navthumbnavigationstyle:"arrow",
borderradius:0,
navbuttonhighlightcolor:"#333333",
textpositionstatic:"bottom",
navthumbstyle:"imageonly",
textcss:"display:block; padding:12px; text-align:left;",
navbordercolor:"#ffffff",
navpreviewarrowimage:"../../images/bg/previewarrow-16-8-0.png",
showbottomshadow:true,
textpositionmarginstatic:0,
backgroundimage:"",
navposition:"bottom",
navpreviewarrowwidth:16,
bottomshadowimagetop:100,
textpositiondynamic:"bottomleft",
navshowbuttons:true,
navthumbtitlecss:"display:block;position:relative;padding:2px 4px;text-align:left;font:bold 14px Arial,Helvetica,sans-serif;color:#333;",
textpositionmarginbottom:24,
ribbonmarginy:0,
ribbonmarginx:0,
slide: {
duration:1000,
easing:"easeOutCubic",
checked:true
},
crossfade: {
duration:1000,
easing:"easeOutCubic",
checked:true
},
threedhorizontal: {
checked:true,
bgcolor:"#222222",
perspective:1000,
slicecount:1,
duration:1500,
easing:"easeOutCubic",
fallback:"slice",
scatter:5,
perspectiveorigin:"bottom"
},
slice: {
duration:1500,
easing:"easeOutCubic",
checked:true,
effects:"up,down,updown",
slicecount:10
},
fade: {
duration:1000,
easing:"easeOutCubic",
checked:true
},
blocks: {
columncount:5,
checked:true,
rowcount:5,
effects:"topleft,bottomright,top,bottom,random",
duration:1500,
easing:"easeOutCubic"
},
blinds: {
duration:2000,
easing:"easeOutCubic",
checked:true,
slicecount:3
},
shuffle: {
duration:1500,
easing:"easeOutCubic",
columncount:5,
checked:true,
rowcount:5
},
threed: {
checked:true,
bgcolor:"#222222",
perspective:1000,
slicecount:5,
duration:1500,
easing:"easeOutCubic",
fallback:"slice",
scatter:5,
perspectiveorigin:"right"
},
transition:"slide,crossfade,threedhorizontal,slice,fade,blocks,blinds,shuffle,threed" <!-- 过渡效果（共9种）。 slide,crossfade,threedhorizontal,slice,fade,blocks,blinds,shuffle,threed ->
});
注：此幻灯仅供参考与学习，请勿用于商业用途。
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友老鼠 lovelygallery HTML5 旋转特效 幻灯片 图片播放 图片轮播 图片预加载 3D特效 图片3D旋转 Jquery相册 Jquery焦点图 3D效果