文章配图加放大镜

By
WP札记

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

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

34ik9qb.jpg fmt66w.jpg

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

1、jquery部分

主要部分代码(2010.12.21 更新)

鼠标滑过图片变浅

2、css部分

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

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

题外

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

0

Comments: 89

  1. 我觉得我那个好看

    2010年12月20日
    • @软件盒子 你的是把指针用图片替换了一下吧?用处不一样啦。不过看着好看就可以了~~哈哈

      2010年12月20日
  2. flickr又抽风了 :???:

    2010年12月20日
    • @Weitian Zhao 呃,你是网通用户吧……那看近几篇文章配图吧

      2010年12月20日
  3. 这个不错
    可以提醒用户有放大功能

    2010年12月21日
    • @A.shun 功能就是这么一点一点加强的嘛

      2010年12月21日
  4. 我是用的插件。

    2010年12月21日
    • @wmtimes 插件?没找过这类的,感觉没必要

      2010年12月21日
  5. 上个评论删掉吧,汗,被wp自动转了。

    $image.wrap(“”);应该是$image.wrap(“<span></span>”);吧

    2010年12月21日
    • @Alan 啊,貌似也被WP自动转了……~

      2010年12月21日
  6. 最近懒了,直接拿来主义,谢修修 :grin:

    2010年12月21日
    • @万戈 你的文章也经常不配图~~不过如果拿去搞收费主题,倒是个不错的功能,ho ho ho

      2010年12月21日
  7. 哈哈,好功能,赞~~~ :mrgreen:

    2010年12月21日
  8. :eek: 路了过..

    2010年12月21日
  9. 嗯,效果不错,可以试试!

    2010年12月21日
  10. 体验还是大大的好滴

    2010年12月21日
  11. 能放大倒是很有特点

    2010年12月21日
  12. 图片怎么看不清楚呢

    2010年12月21日
  13. :smile: 这个效果还不错..不过为什么要重新加载图片呢???不懂!

    2010年12月21日
  14. 原来还是thickbox效果,我还以为是网店那种局部放大镜效果

    2010年12月21日
    • @QiQiBoY 不是啦,只是滑过放大的图片加个放大镜……没啥内容。

      2010年12月21日
  15. 图片都挂了呀。 :?:

    2010年12月21日

减肥食谱进行回复 取消回复

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

*

:razz:

引用(已关闭):1

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