WordPress超实用组合插件:auto-lazyload-and-auto-highslide

插件转移提示

由于网站内容调整,开发部分的内容转移到了www.brunoxu.com站点,wp插件新地址如下:

simple-lazyload 新地址: http://www.brunoxu.com/simple-lazyload.html

auto-lazyload-and-auto-highslide 新地址: http://www.brunoxu.com/auto-lazyload-and-auto-highslide.html

Images Lazyload and Slideshow 新地址: http://www.brunoxu.com/images-lazyload-and-slideshow.html

插件名称

auto-lazyload-and-auto-highslide

 

通知(发评论里面,很多网友看不到啊 T_T):

auto-lazyload-and-auto-highslide插件停止更新通知(2012.06.08):

由于,auto-lazyload-and-auto-highslide的功能,images-lazyload-and-slideshow能完整实现。而且images-lazyload-and-slideshow能做的更多,功能更强大。个人精力所限,不能再继续维持这个插件的更新。希望网友尽快更换成images-lazyload-and-slideshow插件,这个插件功能强大、非常灵活,昨天做了迟加载部分的更新,能覆盖所有图片。使用时要先仔细看网页说明,只有仔细看过了,才能把这个插件用好。

 

插件简介

图片宽度自适应、图片的迟加载、图片弹出放大浏览效果、网站统计代码设置四和一的超级组合插件。可选择是否开启图片的迟加载和图片弹出放大浏览效果,网站统计代码可以后台设置,更换主题不丢失,不用重新配置。插件是融合了simple-lazyload和auto-highslide开发的,所以装上这个插件,simple-lazyload和auto-highslide就可以关闭掉了。

 

包含四个组件

1. 图片的自适应宽度,图片的最大宽度限制

2. 真实的图片迟加载实现

3. 图片弹出放大浏览效果(highslide效果),外加智能化增强

4. 与主题无关的网站统计代码Analysis Code设置

 

设置

1. 可以设置是否关闭 Lazyload实现,默认不关闭

2. 可以设置是否关闭 Auto-highslide效果,默认不关闭。(偶然发现在关闭highslide效果之后,lazyload性能更佳。)

3. 可以设置网站统计代码,不担心换了主题,网站跟踪代码就没了,支持html, css, js内容,设置的代码会在页面加载时统一加到footer里面去。

 

程序信息

插件首页:http://blog.brunoxu.com/auto-lazyload-and-auto-highslide/

作者:Bruno Xu

作者首页:http://blog.brunoxu.com/

下载地址:(下载地址见评论1楼)

最新版本:1.5

注意:本插件适用带wp_footer的主题,如果您的主题没有底部,请修改程序文件(lazyload_and_highslide.php),搜wp_footer,替换成wp_head

 

截图

auto-lazyload-and-auto-highslide configs

 

 

Introductions

=== auto-lazyload-and-auto-highslide ===
Contributors: xiaoxu125634
Donate link: http://blog.brunoxu.com/auto-lazyload-and-auto-highslide/
Tags: max-width limitation for images, true lazyload, highslide, auto-highslide, image view effect, tracking code setting
Requires at least: 3.0
Tested up to: 3.3
Stable tag: trunk

This plugin contains four gadgets: max-width limitation for images, true lazyload realization, highslide view effect for images, tracking code setting.

== Description ==

This plugin is more powerful than the combination of “simple-lazyload” and “auto-highslide”.

This plugin contains four gadgets:

1. max-width limitation for images in the article, configurable, default 600px.
2. true lazyload realization.
3. highslide view effect for images.
4. tracking code setting, no longer worry about theme changes.

本插件是个组合插件,是【simple-lazyload】和【auto-highslide】的升级增强版。

本插件包含四个功能:

1. 文章图片的最大宽度限制,默认600像素
2. 真实的图片迟加载功效
3. 图片弹出放大的浏览效果,使用highslide效果
4. 网站统计代码设置,脱离主题而存在,再也不用操心换主题后统计代码丢失的事了

== Installation ==

This section describes how to install the plugin and get it working.

e.g.

1. Upload `auto-lazyload-and-auto-highslide` folder to the `/wp-content/plugins/` directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress Background.

== Frequently Asked Questions ==

Still Not Working, Leave a message to me in http://blog.brunoxu.com/auto-lazyload-and-auto-highslide/

== Screenshots ==

1. /screenshot-1.jpg

== Changelog ==

= 1.5 =
* 2012-05-29
* upgrade : Highslide版本从4.0.5升级到4.1.13 (js文件26k,css文件3k)
* upgrade : 优化lazyload效果,减少性能消耗
* upgrade : 优化代码,结构清晰易读,便于阅读和修改

= 1.4.2 =
* 2012-05-24
* fixbug : 上个版本修改中忘记去掉IF IE LT 6的判断了,去掉

= 1.4.1 =
* 2012-05-16
* fixbug : IE6限制图片最大宽度css会引起IE6浏览器卡死的问题修正

= 1.4 =
* 2012-05-16
* upgrade : 图片的最大宽度限制改为可设置
* upgrade : 空白图改成loading图

= 1.3.1 =
* 2012-04-16
* upgrade : 增强图片效果对不同主题的支持

= 1.3 =
* 2012-04-15
* fix bug : 某些时候页面一片空白,图片无法显示
* fix bug : IE下面图片能放大的鼠标图标显示不出来
* upgrade : 优化数据库查询,三条查询合并成一条
* upgrade : 浏览器不支持JS时,图片能正常显示出来
* upgrade : 所有本插件相关的CSS和JS都加进footer

= 1.2 =
* 2012-04-10
* fix bug : 某些主题下,图片限制最大宽度不起作用
* fix bug : 某些主题下,auto-highslide的智能增强不起作用
* upgrade : 插件列表页添加中文说明和设置按钮
* upgrade : 流程说明补充完善
* upgrade : 去掉js中不需要的长段注释

= 1.1 =
* 2012-03-29 修改设置页面的布局

= 1.0 =
* 2012-03-25 插件发布

插件转移提示

由于网站内容调整,开发部分的内容转移到了www.brunoxu.com站点,wp插件新地址如下:

simple-lazyload 新地址: http://www.brunoxu.com/simple-lazyload.html

auto-lazyload-and-auto-highslide 新地址: http://www.brunoxu.com/auto-lazyload-and-auto-highslide.html

Images Lazyload and Slideshow 新地址: http://www.brunoxu.com/images-lazyload-and-slideshow.html

76 条评论

昵称
  1. 整站源码

    这个效果很不错。很喜欢。

  2. 小伟

    这个样式具体怎么用

    1. xiaoxu125634

      还是用我写的另一个插件吧,Images Lazyload and Slideshow

  3. 黑夜孤独

    你好,请问一下,我在插件里面设置宽度以后,在页面图片比例失真了,宽度是设置的宽度,但是高度是原图片的高度?

    1. xiaoxu125634

      加上一个样式就可以了,height:auto !important;

  4. 每次醒来

    这个插件老给力了, 个人意见:zoomin.cur 和 zoomout.cur 这两个太丑了点

    另外我打开博主的博客经常卡主页面? 底部显示加载的 就是卡住不动 – –

    1. xiaoxu125634

      嗯,zoomin.cur和zoomout.cur是普通了点,可以ftp上传好看的替换掉。

      卡主现象应该是感觉,或者你网站多少,我看看。

      还有建议换Images Lazyload and Slideshow插件。

      1. 每次醒来

        @xiaoxu125634 :
        我用的就是博主的auto-lazyload-and-auto-highslide啊 挺好的!

        我说卡,,,说的是你的博客卡 – – 不是插件卡 :mrgreen:
        zoomin.cur和zoomout.cur这样的素材不知道哪里有,,博主推荐个吧

        1. xiaoxu125634

          我的空间是挺卡的,打开页面要好久,还有chrome浏览没有ie浏览速度快。

          我发了一对素材给你,也是我看别人空间挺漂亮的就保存了,更多的我这就没有了,你先用着吧。

  5. Heanes

    highslide-image 可以在浏览图片时将图片随意拖动哦。。
    另外想问下怎样将这个知更鸟的主题上加上评论滑动解锁功能?我使用了myQaptcha插件  但是没效果呢,也是这个主题,还有背景图片怎么修改--貌似我要到知更鸟那去问吧。。欧米豆腐

    1. xiaoxu125634

      因为用的highslide嘛,这个效果就是可以拖拽的。
      我知道你为什么myQaptcha没有效果,我一开始也以为没效果,其实是因为管理员登陆的原因,退出就有了,别的用户也会有的,放心吧。
      背景图片应该在主题编辑里面改,有个style.css,找到body的样式,加上背景图就好了。

      1. Heanes

        谢谢这么快的回复,xiaoxu好人。那看似无法同时实现拖动功能了吧。。另外你知道这个主题怎样修改“有人回复时邮件通知我”的具体邮件内容吗?

        1. xiaoxu125634

          邮件回复,只要装个插件就行了,那个框的确没有,反正回复的都发邮件就对了。我用的是WP-Mail-SMTP发邮件

  6. ssx

    是不是图片不是自己站的就不能显示 enjoyiphone.com 站长帮忙看看

    1. xiaoxu125634

      同学,必须添加<?php wp_footer(); ?>到footer.php 文件的</body>标记之前

      1. fdf

        谢谢了

      2. fdf

        Images Lazyload and Slideshow这个用法也是 必须添加到footer.php 文件的标记之前吗?

        1. xiaoxu125634

          Images Lazyload and Slideshow设置页中可以设置是加到header还是footer,加在header里面就不用改文件。

          1. fdf

            thx

  7. 小金鱼儿

    好吧……很不舍得换啊……因为非常喜欢Highside效果。

    1. xiaoxu125634

      朋友,我看你还不太明白他们的关系,images-lazyload-and-slideshow可以取代auto-lazyload-and-auto-highslide的所有功能,意思就是,前者也有highslide的效果啦。