Shutter With iimage-Gallery
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文件。
引用本文,复制粘贴...
2 个评论 “Shutter With iimage-Gallery”
你好!我想请教下,shutter reloaded这个插件到底应该怎么写代码啊?我用了,但是没有TB的效果出来。。
用class=shutterset应该怎么写呢?class=shutterset是直接加到链接的代码里面?
谢谢!
By AndyWxy on Nov 17, 2007
OK! 搞定了!有空试试这个gallery
By AndyWxy on Nov 17, 2007