Shadowbox JS插件介绍-有鱼

你已经游到: 有鱼 WP插件 阅读文章

Shadowbox JS插件介绍

  

Shadowbox-js可以显示单个/多个图片或Flash或视频的gallery,显示有resize和fade效果。
支持格式:图片,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纯代码,用于显示内嵌的表格或表单

★★有鱼网-精品资源分享!★★不会下载?请查看下载方法★★

各位请注意,目前发现 7 条鱼 在附近海域游来游去!
  • 如果要把某些链接组成一个Gallery来显示,必须将这些链接指派给一个Gallery

    这条鱼在第 1 艘船上落网。 [2010-10-12 21:37] 
  • 真的是无所不能的插件

    这条鱼在第 2 艘船上落网。 [2010-9-25 18:28] 
  • 我来造反了。

    这条鱼在第 3 艘船上落网。 [2010-9-25 00:43] 
  • 新手路过,这对目前的我而言很有难度

    这条鱼在第 4 艘船上落网。 [2010-9-24 18:10] 
  • 这个插件很影响速度吧。

    这条鱼在第 5 艘船上落网。 [2010-9-24 18:07] 
  • 请问你博客的主题是什么?我很喜欢!

    这条鱼在第 6 艘船上落网。 [2010-9-24 14:21] 
    • 我的文章中有http://youyv.com/simple-and-elegant-theme-for-wordpress.html

      [2010-9-26 00:31] 
捕捞每一条鱼都是十分艰辛,请各位无论在哪个岛屿生活一定要安份守已。和睦相处。





评论内容 (*必填):
GRAVATAR头像
设置你的头像
(Ctrl + Enter 快速提交)