shadowbox点击放大页面效果,背景锁定变阴影
2013-12-09 10:58
204 查看
支持格式:图片,Flash,视频(QuickTime, MPEG-4, Windows Media, YouTube, Google Video )。调用代码示例:<a href="myimage.jpg" rel="shadowbox">My Picture</a >
<a href="myimage.jpg" rel="shadowbox" title="My Image">My Image</a> //在Shadowbox上部同时显示图片Title
<a href="mymovie.swf" rel="shadowbox;height=140;width=120">My Flash</a>//非图片内容要指定高度和宽度
<a href="myimage.jpg" rel="shadowbox;options={animate: false}">My Image</a>//指定选项(Options,也就是控制面板里的那些选项)如果要把某些链接组成一个Gallery来显示,必须将这些链接指派给一个Gallery(方括号里的是Gallery名称)。下面代码把两个链接组成一个名为Vacation的Gallery:<a href="beach.jpg" rel="shadowbox[Vacation]">The Beach</a>
<a href="piere.jpg" rel="shadowbox[Vacation]">The Piere</a>如果Gallery是由不用格式的内容组成的混合gallery,要用[Mixed]参数作为Gallery名称:<a rel="shadowbox[Mixed]; options={counterType:'skip',continuous:true}" href="mypic.jpg">My Picture</a>
<a rel="shadowbox[Mixed]; width=520; height=390" href="caveman.swf">swf</a>
<a rel="shadowbox[Mixed]; width=292; height=218" href="kayak.mp4">movie</a>
<a rel="shadowbox[Mixed]; href="index.php">iframe</a>下面代码把日志编号为116的页面里的图片组成一个Gallery(使用了player参数将会忽略该参数指定格式以外的其它链接)rel="shadowbox[post-116]; player=img;"player参数值:img - gif, jpeg, png
swf - 在Shadowbox里播放swf
flv - 调用 JW FLV Player 播放flv
qt - 用QuickTime的浏览器插件播放mov视频
wmp - 用Windows Media Player 播放wmv视频
iframe - 在一个iframe里显示HTML内容(用于播放YouTube和Google视频和外部网页)
html - 在Shadowbox里显示HTML纯代码,用于显示内嵌的表格或表单
http://www.shadowbox-js.com/
<a href="myimage.jpg" rel="shadowbox" title="My Image">My Image</a> //在Shadowbox上部同时显示图片Title
<a href="mymovie.swf" rel="shadowbox;height=140;width=120">My Flash</a>//非图片内容要指定高度和宽度
<a href="myimage.jpg" rel="shadowbox;options={animate: false}">My Image</a>//指定选项(Options,也就是控制面板里的那些选项)如果要把某些链接组成一个Gallery来显示,必须将这些链接指派给一个Gallery(方括号里的是Gallery名称)。下面代码把两个链接组成一个名为Vacation的Gallery:<a href="beach.jpg" rel="shadowbox[Vacation]">The Beach</a>
<a href="piere.jpg" rel="shadowbox[Vacation]">The Piere</a>如果Gallery是由不用格式的内容组成的混合gallery,要用[Mixed]参数作为Gallery名称:<a rel="shadowbox[Mixed]; options={counterType:'skip',continuous:true}" href="mypic.jpg">My Picture</a>
<a rel="shadowbox[Mixed]; width=520; height=390" href="caveman.swf">swf</a>
<a rel="shadowbox[Mixed]; width=292; height=218" href="kayak.mp4">movie</a>
<a rel="shadowbox[Mixed]; href="index.php">iframe</a>下面代码把日志编号为116的页面里的图片组成一个Gallery(使用了player参数将会忽略该参数指定格式以外的其它链接)rel="shadowbox[post-116]; player=img;"player参数值:img - gif, jpeg, png
swf - 在Shadowbox里播放swf
flv - 调用 JW FLV Player 播放flv
qt - 用QuickTime的浏览器插件播放mov视频
wmp - 用Windows Media Player 播放wmv视频
iframe - 在一个iframe里显示HTML内容(用于播放YouTube和Google视频和外部网页)
html - 在Shadowbox里显示HTML纯代码,用于显示内嵌的表格或表单
http://www.shadowbox-js.com/
<script type="text/javascript"> Shadowbox.init({ language: 'en',//指定语言 players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv'] }); </script>
相关文章推荐
- JS实现点击图片在当前页面放大并可关闭的漂亮效果
- 实现效果:点击界面某个按钮时候,弹出输入框,锁定背景的效果
- 控件实现点击预览图片更改页面背景图片的效果
- JS实现点击图片在当前页面放大的漂亮效果
- 控件实现点击预览图片更改页面背景图片的效果
- JS实现:点击后,图片弹出放大,背景变黑的效果
- JS实现点击图片在当前页面放大并可关闭的漂亮效果
- jquery 点击图片放大显示,背景锁定
- 页面放大时,发现导航菜单栏背景没有了,但是菜单文字还在,什么原因?
- 如何css做一个点击导航 页面滚动, 并且有动画效果
- html点击按钮后,显示层,锁定背景
- 图片点击放大效果
- 图片点击放大效果
- GrideView点击某个item实现选中效果,改变item的背景颜色
- React Native 的图片点击放大效果的组件使用 react-native-zoom-image
- Android 使用xml实现边框阴影,背景渐变效果(附有RGB颜色查询对照表)
- iOS点击图片全屏放大效果
- html 锁定页面(js遮罩层弹出div效果)
- 使用selector,shape以及lay-list制作圆形阴影点击效果
- 使用lightbox插件实现js点击图片放大并能关闭的效果