文章配图加放大镜

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月23日
  2. 你这个虽然和我那个不相同,不过我用的那个插件也有拖动放大的功能也

    2010年12月23日
  3. 作为图片博客这个必须有

    2010年12月23日
  4. 这个功能很好,用到图片主题上更炫~

    2010年12月23日
  5. 我喜欢用插件,代码盲不会改代码呀
    音乐是哈里路亚,真给力
    《卑鄙的我》里面的配乐也挺好听的

    2010年12月24日
  6. 哈哈..圣诞快乐.记得要回访啊!!!!有精彩的..你懂的

    2010年12月24日
  7. 阿修真是个艺术家啊!

    2010年12月24日
  8. 平安夜,送祝福来了。

    2010年12月24日
  9. 这个玩意儿,就是一个人做,一堆人拿来吧,感谢分享,蛋疼的拿走了…

    2010年12月25日
  10. 代码很强,歌很好听,两者皆收下~ :twisted: :twisted:

    2010年12月25日
  11. 今天过节,祝你圣诞节快乐。。。

    2010年12月25日
  12. 是个很实用的功能。有空折腾一下

    2010年12月26日
  13. 收藏文章啦~

    2010年12月31日
  14. 看来我那tinkbox可以退休了,那个需要很多代码。你这代码好少。谢谢了,元旦快乐。 :lol:

    2011年01月01日
    • @牛在天 我只是有一个放大镜提示,至于幻灯片显示还得tinybox之类的来完成

      2011年01月09日
  15. Happy new Year~~
    元旦快乐哈~~又换主题啦? :oops:

    2011年01月02日
    • @Bee君 元旦之后还会继续换主题~~

      2011年01月09日

学夫子进行回复 取消回复

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

*

:razz:

引用(已关闭):1

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