为博客图片添加 Shadowbox 效果
很多朋友都给博客添加了图片缩放效果（幻灯片效果），感觉很酷。
这不仅仅是为了好看，很多上了尺寸的图片如果不是用缩放，会打乱排版，缩放后只是留下图片链接那会带来不方便。
虽然 A.shun 只是偶尔插点截图，但依然有必要加上这类效果（Lightbox、Highslide等）来提高体验。
昨天又对博客进行了一次折腾，把原先的 Highslide 效果替换为 Shadowbox 。
[......]
继续阅读：为博客图片添加 Shadowbox 效果
Leave a Reply
网页没加载完的话，点击图片就没有效果了。
@zrqx008 恩，我把js放在了最后面，为了不影响速度
板凳！
@zwwooooo 板凳的大腿
@A.shun 我用了wp的thickbox了
这个需要上传多种尺寸的图片么？？
@咪咪集散地 不用也可以的。
我用的是设置尺寸，链接到原图即可。
效果不错，免插件的好麻烦啊
@志言 我喜欢免插件的 😀
感觉不错，有空我也试试看
@婉秋 你会折腾得很好的
话说博客用的图很少用缩略图了 ❗
嗯，這個方法挺不錯，我之前都是用插件，現在自製的主題沒用上插件了，倒是可以用你這種方法來實現，感謝你分享的方式！
對了，如果要使用多種圖片格式，應該可以寫成：
（jpg, png） 這樣吧！？
就是自己多加檔案後綴副檔名。不知道是否可以這樣？
@Carrie
恩，只在文章页底部加载js就好了，插件太影响速度了。
多种图片格式是这样的(jpg|png)，想加多少后缀都行。
@A.shun 是呀，我也覺得插件用得越少越好，畢竟還是不要拖慢速度得好。
嗯，原來檔案後綴名是這樣添加的，瞭解了
懒得折腾了，还是用那个highslide，不过还是挺有价值的文章。
呵。我要试试插件
嘿嘿这个效果也不错 👿
写了个JQuery加上 rel=”shadowbox”，不过有个问题是会把那个TAG图片也加上了。。
$(“#content .entry a img”).parent().attr(“rel”,”shadowbox”);
Shadowbox.init();
@fatkun 恩，虽然我不适合用这种。但感谢你的分享。
看能不能实现键盘左右键切换上、下一张图片
@jimogsh 可以的，使用enableKeys的参数，官方的帮助页很详细。
想看nba总决赛啊。。。
@wayne 我看了，今年我要看齐 😀
有些延迟，我点到第三次才出效果。前两次直接新标签图片。
看了前面的评论，知道原因了 😆
@fblue 恩，为了不影响总体的载入速度
不能拖拽确实不爽，但是这个的效果不好看。
免插件的话倒是可以考虑考虑，不过最近没啥时间折腾。><
现在总决赛，是为了方便大家到时候一门心思看世界杯么。 😛
@Vicia 哼，我觉得效果比以前好 😕
你那个插件也可以改成手动的。
效果还不错~~~如果能双击返回就好了~~~
@Bobo 这。。单键图片以外区域难得比双击麻烦么 ❗
@A.shun 懒人~有时候连鼠标都不想动一下，顺手就双击了=.=
@Bobo 双击可不是 偷懒的好方法。
有空折腾下直接单击图片退出好了
好漂亮呀，我也试试
我博客的插件已经太多了，不敢再多装了。
@keelii 我很多插件都去掉了，写到主题里面
可不可以给加有首页链接的图片弄这个呢
@疾风 用上面一位同学给出的JQuery方法。
WP的最大好处就是可以无尽的折腾 😛
@短歌行 对头
效果不错啊，不过我喜欢那个免插件的方法，嘿嘿
真是没有最好，只有更好!
highslide以前有用过，觉得有些时候跟模板兼容性不是很好，
到现在用的模板自带了这种效果，方便了许多
@Lazyyyyyy 你用的那个主题相当强悍呢
我比较适合插件版的哈哈
这样看起来确实好多了
还是因为JQuery强大啊
@樊文生 也有基于其他js库的嘛
如果能点击放大之后的图片返回的话用户体验就更上一层楼了 😆
@lovee 这个。。目前只能单击图片以外区域返回i有空再折腾。
@A.shun A.shun加油 😆
我是来看两仪式的 😳
怎么在opera下没有效果啊
@alpha 有的。要么页面没有完全载入，要么拦截了js。
opera自带了这个js……
@leo 。。。你穿越了 😡
(￣_￣|||)这里的O饭真多
@bolo 用O的访客数量介于FF和chrome之间，但评论者还是FF最多。
你那是幻觉，因为上面密密麻麻的o很多是我自己 ❗
哎呀，居然是技术类的，关键还不是opera相关的。
这种类型的文章貌似你写得不多。
我是一般有太大的图片才会用这种效果，免得网页被撑的乱七八糟的。
@世纪之光 我也是wp爱好者嘛，只不过没有那么擅长而已
前几天刚加上slideshow，暂时先放着吧。样式优先，JS其次
@阿修 我以前也用过auto highslide
你这里越来越热闹了..
这么多效果中..我还是最喜欢highslide
感觉不错，插件记住了。以后有兴趣用一下。
现在对博客没折腾劲。
很不错哟，我回去试下，现在没用任何有关图片的插件，放了图片后实在不好看
我҉发҉现҉我҉已҉经҉失҉去҉了҉折҉腾҉的҉心҉了҉。。。。 ❗
@砼砼 捅捅也喜欢菊花体啊 😀
酷毙了的效果。
这个效果也很不错。收藏一下。 😀
一直使用highslide的
@奔四大叔 highslide很不错，我只是换换口味 😀
可惜 不支持ie 6
@随影 那个，IE6显然是支持的。
虽然也不是我想支持。
JQuery有很多支持图片展示插件的
我看你blog优化做的还挺多的，html也压缩过
难道也是点点更健康—————>
@Qing 恩，对头 😀
好复杂
呵呵，我的图片都是处理好再上传的。
我现在用的是超小型基于Jquery的~3kb~ 😮
@Bee君 whitebox啊，体积真小呢
太能折腾了，我还是用现成的吧 😥
@derek 年轻人，不折腾不行哟
shun是NBA迷呵呵
@小小 恩 😳
会拖网速的,不安装这插件了.. 😀
@瓜瓜 看来你不仔细看的啊
@瓜瓜 为什么要用这个头像，明明是我先用的嘛。
每次来都这么晚，每次来都看不懂。
你何时教教我啊？
@Stefana 你何时来都不晚呢 😳
什么时候在IM上被你逮着，就教你
虽然很常见了，但效果还是不错的。
謝謝。這個我當然不想折騰。
Shadowbox JS这个插件也已经启用，点击放大后效果很炫。不过为什么放大后的图片感觉比原因还小呢？
怎么设置才能让点击放大后的图片显示成大图呢？
O(∩_∩)O哈哈~我用上了 😀 😀
效果还不错~~~
我还在用灯箱 2 是不是落伍了？
又一个可以选用的图片效果……
我是来说这张shiki很美的www
@静夜燃香 同，我也觉得这样的shiki很美 😳