Shutter With iimage-Gallery

2007-10-16 – 6:43 下午 --- 5,334 次阅读

Shutter是一个能实现类似LightBox效果的Javascript脚本,也就是在当前页面全屏遮罩下显示缩略图对应的原始图片,它比LightBox小多了,只有8K左右大小。作者同时写出了WordPress的插件Shutter-Reload。不过Shutter-Reload本身不带缩略图生成功能,所以我们可以结合iimage-Gallery在文章中方便的实现Shutter效果的图片集。

Shutter-Reload有个选项叫"Shutter on all image links with rel="prettyPhoto" or "shutterset" or "shutterset_123"",我们只要利用这个稍微修改一下iimage-Gallery就行了,让它生成缩略图的时候同时添加相应的Class标记。

把修改好的iimage-gallery.php覆盖原来的文件(请先备份),然后用如下语句添加Gallery:


<gallery crop="true"  stand_alone="false" shutterset="quakemachine">
图片地址1
...
图片地址N
</gallery>

除了shutterset,前面的都属于原iimage-Gallery自带的选项,现在设置为当独立浏览模式关闭时(也就是stand_alone="false")使用Shutter方式浏览图片,shutterset是个ID,在当前页面需唯一,可以设置为任意英文,数字和"-"号,不支持中文。具体效果可以参考MRemote一文的截图。

Shutter和iimage-Gallery请到原作者页面下载,附件是改好的iimage-gallery.php文件。

点击显示引用框
引用本文,复制粘贴...

点击可把本文加入多个网络分享站点

上下文导读:

前一页: 禁止Windows自动更新重启系统Reaper v2.0 Final :下一页
  1. 2 个评论 “Shutter With iimage-Gallery”

  2. 你好!我想请教下,shutter reloaded这个插件到底应该怎么写代码啊?我用了,但是没有TB的效果出来。。

    用class=shutterset应该怎么写呢?class=shutterset是直接加到链接的代码里面?
    谢谢!

    By AndyWxy on Nov 17, 2007

  3. OK! 搞定了!有空试试这个gallery

    By AndyWxy on Nov 17, 2007

您必须 登录 才能发表评论.