shadowbox点击放大页面效果,背景锁定变阴影

支持格式:图片, 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/
<script type="text/javascript">
Shadowbox.init({
    language: 'en',//指定语言
    players:  ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
}); </script> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值