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

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

 18461  16  查看评论 (4)
图片可旋转弹出展示框插件-WOWWINDOW ie兼容7

使用步骤

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 

相关插件-对话框和灯箱,弹出层

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    cfj 0
    2017/9/28 13:50:04

    怎么没有旋转呢

    回复
    w156445045 0
    2016/8/4 13:08:39
    确实不能旋转,啥情况。 回复
    酷到你尖叫 0
    2015/6/4 15:01:07
取消回复