折腾了几次的lightbox,终究还是放弃了,不知道是和我的主题不兼容,还是怎么回事,用chrome浏览没问题,灯箱效果出来了,可惜在IE核心的浏览器里,全部傻掉,没效果的。然后又在网上到处搜寻,终于找到了一个小巧轻便的slimbox,马上下载,安装,效果就出来了。WP小菜鸟又学到点小东西。
SlimBox这个从名字上就可以看出来,它走的是轻量化路线,和其他支持多种媒体格式又支持视频又支 持网页又支持图片包罗万有的显示效果相比,SlimBox更 纯粹一些,它只支持图片显示(不过对于大多数人来说足够了),只有4K大小…虽然体积小,但是实力一点也不差。100%兼容Lightbox,代码经过“ 疯狂”的优化(从这大小就能看得出来),完全可自定义,丰富的选项等等…
首先需要在wp后台插件搜寻到wp-slimbox2
然后点击安装——激活,然后到
设置里面找到wp-slimbox2 进行详细编辑。
各人有各人的喜好风格,我把每一个选项详细介绍一下:
Autoload?:如果选择,则插件可以自动判断所有后缀为jpg、png、gif的图片,并在点击时应用效果。如果不选择,则需要每次添加图片时,手动添加’rel=”lightbox”’到个人图片,或者’rel=”lightbox-imagesetname”’到团体图片(这点没看懂,也没明白,是说直接源代码状况下,添加到链接后面吗?)。
Enable Picasweb Integration:不懂。以为是勾选后,会自动认出来picasa相册图片,但实际上仍然对picasa相册外链出来的无后缀图片不起作用。
Enable Flickr Integration:关联Flickr,没这个的账号,没选。
Loop:选上吧,当一篇日志有多图时可以用到。
Overlay Opacity:调整背景透明状况,1为不透明,0为完全透明。
Overlay Color:背景颜色,默认的是黑色,建议不同调整。
Overlay Fade Duration:这个选项允许用户调整期的覆盖淡入和淡出的动画,以毫秒为单位。
Resize Duration:这个选项允许用户调整时间的长短来调整动画的宽度和高度,以毫秒为单位。其设置为1来禁用调整动画。
Resize Easing:这个和jQuery有关,但是看不懂,于是使用默认没改。
Initial Width、Initial Height:背景框的大小,测试过1280*800、1024*768,最终还是觉得常规的800*600就差不多了。这项完全看个人喜好了。
Image Fade Duration:如果选择1,则会使图片直接显示。
Caption Animation Duration:如果选择1,则会使图片标题直接显示(hypfx没懂,所以也没改)。
Counter Text、Close Keys、Previous Keys、Next Keys:关于图片翻页按钮、关闭按钮出现的位置。Previous和Next两个按钮默认隐藏,当鼠标在观看图片时晃动到边缘才会显示。Close按钮默认直接显示在图片右下角。个人建议不用更改,如果一定要改,那就只能是不停刷新图片效果来细调坐标。
Maintenance mode:实话说,不懂,没选。
后来发现有强人汉化的中文版,下载地址:http://www.wuyeah.com/attachments/2009/07/wp-slimbox2.zip
很好,试试~~