为博客图片添加 Shadowbox 效果
很多朋友都给博客添加了图片缩放效果(幻灯片效果),感觉很酷。
这不仅仅是为了好看,很多上了尺寸的图片如果不是用缩放,会打乱排版,缩放后只是留下图片链接那会带来不方便。
虽然 A.shun 只是偶尔插点截图,但依然有必要加上这类效果(Lightbox、Highslide等)来提高体验。
昨天又对博客进行了一次折腾,把原先的 Highslide 效果替换为 Shadowbox 。
[......]
继续阅读:为博客图片添加 Shadowbox 效果
网页没加载完的话,点击图片就没有效果了。
@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很美 😳