文章配图加放大镜

By
WP札记

有短时间没放过关于WordPress有意思的东西出来啦。所以今天晚上就发个一直在折腾着的效果出来,因为刚刚补全,看着还可以。那就是–给图片加上一个放大镜,再搭配上图片幻灯效果,看着是不是高级了很多捏~~

这个最早应用在上一个主题中-twenty ten的那个修改版本(问题多已经停止下载)。记得那时候有个童鞋问我要代码,我没放,因为那时错误实在多,不好意思放,关键问题是背景有颜色设置的话,完全无效,这也是之前一段时间文章配图当鼠标滑过只有图片变浅没有放大镜的原因。还有前段时间稍微修改了一下,但是搞的图片位置错的厉害。所以今天晚上没啥心思做事,就把这个拿出来做了点改动。有兴趣可以滑过下面图片试试~~(偷懒用的前面的starcraft 2配图)

34ik9qb.jpg fmt66w.jpg

废话不说,我直接上代码。

1、jquery部分

主要部分代码(2010.12.21 更新)

鼠标滑过图片变浅

2、css部分

图片只需放在css对应的目录下

就这样,完鸟。请强制刷新看效果~~

题外

最后放一个曲子,几年前很喜欢,今天又听了一晚上,感觉依然安静奇妙。来自 怪物史莱克主题曲-Hallelujah

0

Comments: 89

  1. 本地loading图片太慢啦……

    2010年12月21日
  2. 学习之。

    2010年12月21日
  3. 这个效果好像只对非IE浏览器有效?

    2010年12月21日
    • @Lazyyyyyy IE8、9测试没啥问题,其他的那俩杯具兄弟手头没有

      2010年12月22日
  4. 速度有点慢啊

    2010年12月21日
    • @insect 图片吗?flickr链接的,我木办法

      2010年12月22日
  5. wordpress的应用还真多啊,ZBLOG真是望尘莫及啊。不过你的图片打开有些慢了。

    2010年12月21日
    • @阎栋博客 是flickr速度的问题,网通根本打不开……

      2010年12月22日
  6. 刚才发的评论怎么看不到?

    2010年12月21日
  7. 居然不用格外引用文件,难得的精简代码啊 :mrgreen: :mrgreen: :mrgreen:

    2010年12月22日
    • @小邪 没啥技术底子,瞎写,见笑了

      2010年12月22日
  8. :arrow: 还是喜欢原唱的这首,虽然他人已经死了。

    2010年12月22日
    • @C.Z 这歌太有味道了,百听不厌

      2010年12月22日
  9. 已经用了另外一种差不多的效果 呵呵 这个看着也不错

    2010年12月22日
  10. 这个怎么感觉你说的好像很复杂。。。如果不考虑ie6的话图片是png的话应该好办吧。没折腾过这类

    2010年12月22日
    • @zwwooooo 其实就给图片加了个带背景的框框……很简单啊

      2010年12月22日
  11. 貌似图片挂了

    2010年12月22日
  12. 这个评论很不方便

    2010年12月22日
  13. 火狐效果怎样!

    2010年12月23日
  14. 其实我也不是很喜欢那些影响网站速度的效果,呵呵@@

    2010年12月23日
  15. 和ZOOM相比,这个 放大镜更酷

    2010年12月23日

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

:razz:

引用(已关闭):1

pingback from WordPress文章配图加放大镜 2011/02/15