内容介绍
jquery 图片可旋转弹出展示框插件-wowwindow,WowWindow是Lightbox的一个替代,更加有趣,更加强大。该插件用到了css3,所以在浏览器的支持上将会有一些不足。如果你正在寻找Lightbox的替代插件,那么WowWindow将是一个不错的选择。
核心代码
复制代码代码如下:
- <script type="text/javascript">
- $(document).ready(function() {
- $('.popups a').wowwindow({
- draggable: true
- });
- $('.popups-rotate a').wowwindow({
- rotate: true,
- draggable: true
- });
- $('.popups-rotate-multiple a').wowwindow({
- rotate: true,
- rotations: 3,
- draggable: true
- });//B5教程网
-
- /**
- * The YouTube IFRAME doesn't work on local content,
- * so for the purposes of this demo, the 'videoIframe'
- * option has been set to false. It is recommended to
- * keep it set to true (the default) for compatibility
- * with devices that are not Flash enabled.
- */
-
- $('a[rel=video]').wowwindow({
- draggable: true,
- height: 225,
- width: 400,
- videoIframe: false
- });
- $('a[rel=video_rotate]').wowwindow({
- draggable: true,
- rotate: true,
- height: 225,
- width: 400,
- videoIframe: false
- });
- $('a[rel=video_multi_rotate]').wowwindow({
- draggable: true,
- rotate: true,
- rotations: 3,
- height: 225,
- width: 400,
- videoIframe: false
- });//https://b5.mxunkeji.com
-
- $('#youtube-auto-thumbnails a').wowwindow({
- draggable: true,
- width: 480,
- height: 390,
- videoIframe: false,
- autoYouTubeThumb: 'default'
- });
- });
- </script>