FANCYBOX jquery弹出框插件

特点1、允许我们用鼠标和键盘上的四个方向键切换图片2、可以根据当前窗口大小自动调整弹出框的大小，当我们改变浏览器窗口大小时，将会看到弹出框自动缩放了3、支持缩略图和按钮帮助导航4、弹出框支持显示多种类型的内容（图片，html，视频……）请下载demo中的文件（建议下载网盘中的，已经经过整理），查看index.html中的源代码，提取你想要的效果的js和html代码。还可以参加参数列表进行自定义设置。使用步骤1、下载插件并解压，复制文件并在你的页面中包含相关的脚本和样式文件，注意js和css文件的路径，（其实有些文件是可选的）2、创建包含有将要在fancyBox中打开的元素的路径的a标签，大家可以注意到，这里面包含了两张图片，一张小图和一张大图，如果嫌麻烦的话，完全可以设置成一张图片，只需要控制各自的大小即可。只不过这样会在一定程度上加大页面的负担。 3、当页面文档被加载完毕后执行fancyBox函数参数列表（所有参数请参考官方文档）参数名 参数说明 可选值 默认值padding 图片距离弹出框的距离 整数或数组，如果是整数表示四个方向的内边距都为该整数，如果是数组则表示各个方向不同的值，表示为： [top, right, bottom, left] 15margin 弹出框距离浏览器四个方向的距离 整数或数组，如果是整数表示距离四个方向的距离都为该整数，如果是数组则表示各个方向不同的值，表示为： [top, right, bottom, left] 20width 当’auotoSize’设置为’false’时弹出框的宽度，仅适用于 iframe、swf、inline、ajax和html模式 数字或 ‘auto’ 800height 当’auotoSize’设置为’false’时弹出框的高度，仅适用于 iframe、swf、inline、ajax和html模式 数字或 ‘auto’ 600minWidth 弹出框的最小宽度 数字 100minHeight 弹出框的最小高度 数字 100maxWidth 弹出框的最大宽度 数字 9999maxHeight 弹出框的最大高度 数字 9999autoSize 自动调整高度，如果设置为ture,则要设置autoHeight和autoWidth为true true或false trueautoHeight 如果设置为true，那么ajax、inline、html模式下的弹出框将自动调整高度 true或false falseautoWidth 如果设置为true，那么ajax、inline、html模式下的弹出框将自动调整宽度 true或false falseautoResize 如果设置为true，当浏览器窗口大小改变的时候将自动调整弹出框大小 布尔值 !isTouchautoCenter 如果设置为true，那么弹出框总是居中的 布尔值 !isTouchfitToView 如果设置为true，弹出框将会在打开之前自动适应大小 布尔值 trueaspectRatio 如果设置为true，那么重置大小将会被图片的比例所影响 布尔值 falsetopRatio 弹出框距离顶部与距离底部的比例，如果为0.5，则表示居中 数字 0.5leftRatio 弹出框距离左边与距离右边的比例，如果为0.5，则表示居中 数字 0.5scrolling 添加到scrollbars滚动条上的样式 ‘auto’,'yes’,'no’,'visible’ ‘auto’wrapCSS 环绕元素的样式 字符串 arrows 如果设置为true，导航箭头将会被显示 布尔值 truecloseBtn 如果设置为true，将会显示“关闭”图标 布尔值 truecloseClick 如果设置为true，当用户点击内容的时候将会关闭弹出框 布尔值 falsenextClick 如果设置为true，当用户点击内容的时候将会导航到下一页 布尔值 falsemouseWheel 是否启用鼠标滚动切换 布尔值 trueautoPlay 是否自动播放弹出框的图片 布尔值 falseplaySpeed 播放毫秒速度 数字 3000preload 预加载的图片数 数字 3modal 如果设置为true，将会禁止导航和关闭 布尔值 falseloop 是否循环播放 布尔值 truescrollOutside 如果设置为true，将会视图避免垂直方向的滚动条，针对 iframe和html 布尔值 trueindex 重写开始的图片索引 数字 0type 重写内容的类型 ‘image’, ‘inline’, ‘ajax’, ‘iframe’, ‘swf’ 和 ‘html’ nullhref 重写内容的链接地址 字符串 nullcontent 重写被展示的内容 字符串 nulltitle 重写标题 字符串 null

在线演示        积分下载        6毛下载        砍两刀下载