首页 > 网站研发 > 安装jQuery Lightbox插件,也做一点改动!

安装jQuery Lightbox插件,也做一点改动!

2009年7月5日 蛋王 发表评论 阅读评论

试了一下,好像空间速度没怎么慢下去,就装了这个插件,并做了一点修改。
修改后效果:
滚蛋根据地
下载地址:
http://www.pedrolamas.com/projectos/jquery-lightbox-en/

安装后,只要在img描述里加上rel="lightbox"就行了。
例如:


但是,默认的效果是:

滚蛋根据地

是不是觉得有点小缺憾?
如果没有,请不要再往下看了。

很容易发现:

  • 鼠标上去没有明显的可点击指示,访客可能都不知道这玩意他TMD居然还能再点一下!
  • 图片显示得这么大,那还用lightbox干啥。。


解决方法有三个:
1、每次在img处再加上style="cursor:pointer;width:200px "
2、css写个img.lightbox{cursor:pointer;width:200px;},每次在img处加上class="lightbox"
3、css写个img[rel="lightbox"]{cursor:pointer;width:200px;},一劳永逸
我是很懒的人,所以喜欢第三种。
效果就是最头上那样了。

PS:属性选择器不支持IE6和更旧的版本,如果你和我一样,决心从此与IE6决裂,无视IE6用户死活,那我也推荐你第三种方法。当然,如果你是IE6用户,你也看不到更改后的效果了。。。

分享家:Addthis中国
  1. 2009年7月5日22:00 | #1

    lightbox太单调了,我一直在用facebox

  2. 2009年7月5日22:31 | #2

    够用就行,facebox还用不上,呵呵。

  3. 2009年7月5日23:08 | #3

    呵呵,不错的插件,不过我觉得这里的图片插件会更好一点:http://boboiacg.co.cc/
    应该是用插件形成的效果

  4. 2009年7月5日23:10 | #4

    看到你那句:80%以上是转载…相信很多人会缩一下,至少我刚刚想订阅时手就缩了一下

  5. 2009年7月5日23:30 | #5

    @小明猪 哈哈,我是说那些专业性很强的文章,肯定基本不是我写的。不过确实容易引起人误解,我去修改修改。。。 :)

  6. 2009年7月6日08:56 | #6

    你蛋王那个签名 在firefox里面有问题
    白颜色背景把上面的灰色遮住一点

  7. 2009年7月6日09:05 | #7

    博主你的链接已经加上!!

  8. 2009年7月6日09:09 | #8

    @imwxm
    嗯,已修改。多谢~ 8)

    @hiro
    哈,早啊,hiro~ :)

  9. 2009年7月6日12:30 | #9

    不行,我看好这女人啦! :-o :-o

  10. 2009年7月6日13:04 | #10

    修改后的结果成了一个美女了

  11. 蛋后
    2009年7月6日14:07 | #11

    @卢松松
    不是的……是大胸女!!

  12. 2009年7月6日14:39 | #12

    @aervea
    送给你了,自己去接!

    @卢松松
    被你发现价值点了。。。 :mrgreen:

  13. 2009年7月6日16:45 | #13

    没有仔细看胸,呵呵

  14. 2009年7月7日09:24 | #14

    这张图8错哈!向往啊!

  15. 2009年7月9日09:07 | #15

    @仁心博客
    这话说给你老婆听也就算了,说给我听,打死也不信。。。 :mrgreen:

    @huaimao
    又有人要,看来得搞竞拍了。。。

  16. 2009年7月19日14:37 | #16

    求第二种方法的具体步骤!

  17. 2009年7月19日14:54 | #17

    @killfox
    到你现在主题的样式表css文件(不出意外应该叫style.css)中添加
    img.lightbox{cursor:pointer;width:200px;}
    然后就ok了,每次文中插入img文件时,< img .../>中记得加上rel="lightbox" class="lightbox"
    插入图片就行了。

  18. 2009年7月20日12:16 | #18

    @蛋王
    谢谢,呆会试试!

  19. 2009年7月29日15:13 | #19

    金蛋蛋
    我浮出水面了
    这几天也不知道在忙什么 都没什么机会过来看看
    评论回复通知插件也失效了 回复也不会通知 索性这几天就没回复评论

    hiro :
    lightbox太单调了,我一直在用facebox

    facebox我也用过 lightbox也用过
    都还可以 可以两个一起用
    发布组图的时候可以直接发布相册 就不用改代码来

  20. 2009年9月2日22:47 | #20

    :-o 看到美女才进来的!

  21. 2010年1月22日23:43 | #21

    看了 半天看不到效果 ,hellokitty 到还不错。。。

    蛋王 回复:

    @kitty,

    这广告做的。。。

  1. 本文目前尚无任何 trackbacks 和 pingbacks.
= 13 - 4 (免费测一下智商)
Please leave these two fields as-is:
:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: