图片可旋转弹出展示框插件-WOWWINDOW

所属分类：UI-对话框和灯箱,弹出层

39215 302 查看评论 (4)

分享到微信朋友圈

查看演示立即下载

插件描述：WowWindow是Lightbox的一个替代，更加有趣，更加强大。该插件用到了css3，所以在浏览器的支持上将会有一些不足。如果你正在寻找Lightbox的替代插件，那么WowWindow将是一个不错的选择。

使用步骤

1、引入以下js和css文件

<link rel="stylesheet" type="text/css" href="css/wowwindow.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.wowwindow.min.js"></script>

2、加入以下js代码

 $('.popups-rotate a').wowwindow({
        rotate: true,
        draggable: true
  });

参数配置

参数名参数说明可选值默认值
testMode 只用于调试插件 ture或false
draggable 是否可以移动弹出框 ture或false
fixedWindow 是否显示遮罩层 ture或false
width 弹出框宽度，如果弹出的是图片框，请勿使用整数
height 弹出框高度，只用于 iframe 和 videos 整数
overlay 遮罩层的样式 {多个css样式用,隔开}
before 在弹出之前调用的函数函数
after 在弹出之后调用的函数函数
onclose 在关闭弹出框之后调用的函数函数
zoom 是否允许缩放 ture或false
rotate 是否旋转弹出 ture或false
rotations 旋转次数整数
clockwise 是否是顺时针方向旋转 ture或false
speed 弹出速度整数
autoplay 是否自动播放，仅用于 videos ture或false
videoIframe 错误的使用对象和嵌入为flash ture或false
showRelated 是否显示相关类容，仅用于 YouTube ture或false
verticalCenter 是否垂直居中 ture或false
forceImageFade 强制图片淡出 ture或false
yabbadabbadoo: take the red pill, take the blue pill ture或false