Auto HighSlide - 真正自动增加 WordPress 的 HighSlide 图片效果插件 - 走点路

Auto HighSlide - 真正自动增加 WordPress 的 HighSlide 图片效果插件

Posted in WordPresson 2009/5/12 | 127 Comments

实际上就是 Add HighSlide 的加强版和 HighSlide4WP 的精简加强版，Auto HighSlide 不需要启动 HighSlide4WP 插件的支持，只要启动插件即可，类似于 Lightbox 2 ，但是我在一篇文章中提到，Lightbox 2 启动后占用的 JS 文件大小高达 200KB，而 Auto HighSlide 插件启动后占用的 JS 文件只有 32 KB，一个 CSS 只有 4KB，轻量级的插件呵呵。

插件作者：

Showfom（http://zou.lu/）

插件简介：

图片特效，嗯，只增加了图片特效 HighSlide 的 JS ，看清楚只有图片，而且要求是图片必须以超链接形式到原图，而且不用增加多余的代码，插件会自动为你增加，比如：

<a href="http://showfom.imgbed.com/Gtalk_107FF/image.png"><img src="http://showfom.imgbed.com/Gtalk_107FF/image_thumb.png"
width="244" height="95"></a>

就那么简单，用 Windows Live Writer 的朋友只要上传一张图片，能自动生成缩略图并且链接到原图，就会有效果；使用 WordPress 后台增加文章的用户可以使用上传图片，然后选择链接到原图，大小设置成中等或者根据自己需要甚至是原图都可，如图：

小提示：

1.只要用后台上传过一张图片，那么，以后上传的任何图片都会保留上一次上传的形式，比如，你设置了链接到原图，并且是中等大小，那么，以后上传的所有图片都会这样，简单吧。另外，通过 WordPress 后台上传一个图片，就会自动增加一个 postid ，所以，我一直推荐直接使用 Windows Live Writer 写博客。

2.点击图片放大以后还可以用鼠标左键拖动，不信你试试。

适用版本：

所有 WordPress 版本，在 Firefox 3.0.* 和 IE 6/7/8 正式版 下测试无错误

插件预览：

（点击上面这张图片吧，额，这个图片够淫荡吧，和两个美女的 QQ秀 合影……）

安装方法：

1、将压缩以后的 Auto HighSlide 目录（千万别自己改名字）解压到 {WordPress 根目录}/wp-content/plugins/

2、登录你的 WordPress 后台, 到 Plugins 页面激活插件 Auto HighSlide

一些问题：

1、本插件和 Add HighSlide 相同么？

当然不一样了， Add HighSlide 只是增加了图片的代码，然后配合 HighSlide4WP 插件使用，而 Auto HighSlide 精简了 HighSlide4WP 的代码，比如评论增加表情等，并且整合了 Add HighSlide 的代码，所以推荐使用。

2、本插件可以和 Add HighSlide 、 HighSlide4WP 之类的其他 HighSlide 插件一起使用吗？

你可以同时喝两杯水吗？当然不可以了，不过同时泡两个马子我不反对。

3、本插件可以自己修改吗？

改吧，没问题哈哈哈，我自己就是参考别人的功能，我也不是很懂 php 的，否则就增加个判断功能咯~

4、为什么我的博客没有效果？

首先，确保你的主题的 header.php 文件包含了 <?php wp_head(); ?> ，其次，确保你的图片是有超级链接形式链接到原图，参考插件简介。

5、为什么博主你有篇文章提到可以删除 <?php wp_head();?> 而这个插件却必须使用？

我不喜欢刷牙，但是我能强迫大家都不刷牙吗？据我观察，一些不合格的主题没有 <?php wp_footer();?> ，所以我就只能加到 <?php wp_head(); ?> 了，而且这段代码直接参考 mg12 制作的 HighSlide4WP ，很简单的，假如你不想加在头部，可以直接在主题目录的 footer.php 增加如下代码：

<link rel="stylesheet" href="http://你的博客地址/wp-content/plugins/auto-highslide/highslide/highslide.css" type="text/css" />
<script type="text/javascript" src="http://你的博客地址/wp-content/plugins/auto-highslide/highslide/highslide-with-html.packed.js"></script>
<script type="text/javascript">
	hs.graphicsDir = "http://你的博客地址/wp-content/plugins/auto-highslide/highslide/graphics/";
	hs.outlineType = "rounded-white";
	hs.outlineWhileAnimating = true;
	hs.showCredits = false;
</script>

然后把 <?php wp_head(); ?> 删除吧，或者直接修改插件，把

/* Add HighSlide */function highslide_head() { 
  print('<link rel="stylesheet" href="'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/highslide.css"
 type="text/css" /><script type="text/javascript" src="'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/highslide-with-html.packed.js">
</script>
<script type="text/javascript">    hs.graphicsDir = "'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/graphics/";  
 hs.outlineType = "rounded-white";    hs.outlineWhileAnimating = true;    hs.showCredits = false;</script>    ');}add_action('wp_head', 'highslide_head');

这段删除

高级用户可以把最后的

add_action('wp_head', 'highslide_head');

修改为

add_action('wp_footer', 'highslide_head');

那么，js 和 css 就会加到 <?php wp_footer();?> 里去了，嗯，你可以乱修改，但是得尊重原作者的版权。

5、为什么我觉得博主的介绍那么啰嗦？

淫荡的人生，需要解释吗？

English：

== Description ==

1.This plugin automatically add HighSlide Image Effect in your blog and You don't Need To Change Anything!

2.You don't need to install HighSlide4WP if you only want to use the images effect of HighSlide.

3.If you install HighSlide4WP, just uninstall it.

4.If you want to use other effect of HighSlide , please use HighSlide4WP with Add Highslide.

== Installation ==

1. Upload `auto-highslide` folder to the `/wp-content/plugins/` directory

2. Activate the plugin through the 'Plugins' menu in WordPress

感谢名单 Thanks：

HighSlide.Com Mg12

====================最重要的========================

插件下载：

点我下载 | Download

相关信息

本文短网址：http://aa.cx/mx ，如果你觉得本文很可爱，请使用 Twitter 来分享本文：Tweet This
收藏+分享: Delicious / Live Favorites / Google书签 / 百度搜藏 / QQ书签 / 饭否 / 豆瓣 / Twitter

已有127条评论

mg12 发表于2009年05月12日21:27
我是沙发男!
[回复]
Showfom 回复:
May 12th, 2009 at 21:31
@mg12, 沙发男就是猥琐男……除了我去抢沙发哦哈哈
[回复]
Yacca 回复:
May 13th, 2009 at 08:52
@Showfom, 鼠标触到回复两个字,有个很不和谐的弹出.
[回复]
Showfom 回复:
May 13th, 2009 at 11:43
@Yacca, 没办法啦哈哈
[回复]
月夜发表于2009年05月12日21:45
我来祝贺兼恭喜了。博主很好很强大。哈哈哈。
[回复]
Showfom 回复:
May 12th, 2009 at 21:47
@月夜, 哈哈欢迎月夜的光临。
[回复]
cosbeta 发表于2009年05月12日21:55
哈哈，你的这个域名老让我看错，一直以为是showform呢
[回复]
Showfom 回复:
May 12th, 2009 at 22:02
@cosbeta, 改天去注册过来，别抢注噢，我名气还不高呢嘿嘿
[回复]
Showfom 回复:
May 12th, 2009 at 22:03
@cosbeta, 完了，已经被人注册了……
[回复]
任平生发表于2009年05月12日22:03
Live Writer 是支持像 Light Box 之类的图片插件效果的，呵呵
[回复]
Showfom 回复:
May 12th, 2009 at 22:11
@任平生, 没吧，也要用插件或者自己增加 js ，不过 Lightbox 的 JS实在大，也懒得去更新……
[回复]
任平生回复:
May 13th, 2009 at 13:20
@Showfom, 我的意思是，如果你使用了一些增强图片浏览的插件，那么 Live Writer 会自动给图片加上相应的代码的
[回复]
Showfom 回复:
May 13th, 2009 at 15:18
@任平生, 原来如北
[回复]
wulinfo 发表于2009年05月13日01:02
先试试再说
[回复]
Showfom 回复:
May 13th, 2009 at 15:19
@wulinfo, 哈哈，就是要有你的 DIY 精神~
[回复]
wulinfo 回复:
May 15th, 2009 at 00:15
@Showfom, 过来感谢感谢，希望博主继续努力，我也有东西偷呀，天生懒惰，不愿记太多东西
[回复]
Showfom 回复:
May 15th, 2009 at 06:42
@wulinfo, So do I.
[回复]
午夜客发表于2009年05月13日08:41

也太麻烦了点
[回复]
Showfom 回复:
May 13th, 2009 at 11:42
@午夜客, 还麻烦呀，要是没装过 HighSlide4WP 的话，直接启动 Auto HighSlide 就可以了。
[回复]
Panther 发表于2009年05月13日10:18
搞3P
[回复]
Showfom 回复:
May 13th, 2009 at 12:47
@Panther, 操……
[回复]
Showfom 发表于2009年05月13日15:17
哈哈，又被官网收录咯~
[回复]
天毅发表于2009年05月13日16:01
我用shashin插件，自动slideshow，如果用NextGEN Gallery也同样有slideshow功能
[回复]
Showfom 回复:
May 13th, 2009 at 19:28
@天毅, 很不错，js 比我推荐的还小，大大的赞一个！
[回复]
baron 发表于2009年05月14日01:15
Works great, thank you
[回复]
LAONB 发表于2009年05月14日13:10
我才仔细看了下，功能非常强大啊，最重要的是方便，真正起到插件的作用。
[回复]
365hope 发表于2009年05月25日19:42
超强的东东！
如果不研究一下拿来使用，实在是枉费了老大的一番良苦用心！
[回复]
esanstudio.net 发表于2009年05月29日09:04
did thi s plugins used for PREVIEW WEB SITE?
[回复]
Showfom 回复:
May 29th, 2009 at 12:08
@esanstudio.net, for photo preview web site.
[回复]
ads1803 发表于2009年06月5日23:28
立马去替换掉4wp
[回复]
Showfom 回复:
June 6th, 2009 at 11:09
@ads1803, 你的头像。。。X等级哈哈哈
[回复]
kerby 发表于2009年06月7日13:19
你说是自动添加吧？
那要是卸载了插件，会不会留下插件添加的那些代码？？
[回复]
Showfom 回复:
June 7th, 2009 at 14:25
@kerby, 不会。纯绿色插件哈
[回复]
章鱼发表于2009年06月30日15:54
ajax怎么做啊
[回复]
ciro 发表于2009年07月12日20:27
大哥，看看我的：http://www.cirovera.cn/blog 不过我想弄成他这个样子的，怎么弄啊： http://sivan.in/blog/
他这个会自动跑到屏幕中间去，而且还有放大镜那个图标，我这个怎么在IE下不显示放大镜的图标来？
[回复]
Showfom 回复:
July 12th, 2009 at 20:54
@ciro, 额，，是个BUG 过些天我修复修复放出 2.0 版本吧，现阶段，你可以直接把Sivan的那几个js下载过来……
[回复]
hippolf 回复:
December 5th, 2009 at 19:17
@Showfom, 2.0版本好久放出啊？12月咯
[回复]
海波发表于2009年07月28日18:04
你好，我想在点击之后直接显示全图，而不是右下角那个 dofullExpand
应该改哪儿啊
[回复]
Showfom 回复:
July 28th, 2009 at 18:28
@海波, 改js，修改大小这个要看图片的大小的
[回复]
小峰JoysBoy 发表于2009年08月10日22:07
郭帅锅，怎么我这个插件失效了
[回复]
Showfom 回复:
August 10th, 2009 at 22:59
@小峰JoysBoy, 我想抽你……你图片都没缩小并且链接到大图，怎么可能会有效果嘛
[回复]
Dino 发表于2009年08月16日16:50
非常感谢！马上用哈！
[回复]
acounz., 发表于2009年08月23日11:18
为啥我一用就坏了呢，。。我要郁闷死了。。。。后台激活插件之后都没设置。。。。。
我看以我这烂水平，撞墙去吧。。
[回复]
Showfom 回复:
August 23rd, 2009 at 17:21
@acounz.,, 的确没有设置的哦……
[回复]
Showfom 回复:
August 23rd, 2009 at 17:22
@acounz.,, 的确没有设置的哦
[回复]
acounz., 回复:
August 23rd, 2009 at 17:23
@Showfom, ............啥？？？？插件没设置。。。可是也没效果啊。。。。。。郁闷死了
[回复]
Showfom 回复:
August 23rd, 2009 at 17:30
@acounz.,, 干啥要设置，只加载个js和css而已。没效果是因为你小图没有链接到大图……
[回复]
acounz., 回复:
August 23rd, 2009 at 17:31
@Showfom, 怎么链接到大图？我按照你说的，连接到本身的图片，但是点了就会新建标签显示大图。
[回复]
Showfom 回复:
August 23rd, 2009 at 17:32
@acounz.,, 晕狂晕，你用我介绍的autoptimize啦，优化过头了……
[回复]
acounz., 回复:
August 23rd, 2009 at 17:33
@Showfom, 啥？？说明白点嘛。。
[回复]
Showfom 回复:
August 23rd, 2009 at 17:35
@acounz.,, 自己看代码…… class="alignnone size-thumbnail wp-image-17" 这段不能有的然后启动我的插件就可以了。
[回复]
acounz., 发表于2009年08月23日17:36
回复不了了哦。那个代码在哪。我去删了。
[回复]
万戈发表于2009年08月31日14:51
丫丫的，你怎么就不提供个本地下载呢，国外服务器死慢的。。。
[回复]
Showfom 回复:
August 31st, 2009 at 19:26
@万戈, 靠本地懒得上传哈哈
[回复]
万戈回复:
August 31st, 2009 at 19:46
@Showfom, QQ:101149488，加我QQ，关于这个插件我有问题要请教你
[回复]
Showfom 回复:
August 31st, 2009 at 19:48
@万戈, OK 235701
[回复]
博译论发表于2009年09月1日01:55
只适用于后台上传的图片？外链啊？！
[回复]
Showfom 回复:
September 1st, 2009 at 11:22
@博译论, 外链可以挖我都FTP上传的呢……
[回复]
Tian 发表于2009年09月2日23:30
您好朋友，我用了你的“Auto Highslide”插件，插入图片能显示效果，但插入相册就没有效果了？不解，如何解决？我的博客有效果：www.wo6.com
[回复]
k-maps 发表于2009年09月12日00:43
为什么不弄上评论表情的功能～～～
[回复]
Alex 发表于2009年09月15日13:28
我前两天刚开启MG12的HighSlide4WP插件，先用一段时间先。。。
[回复]
Joya 发表于2009年09月19日14:58
我刚才也换上了,不错不错
[回复]
SMILE 发表于2009年09月26日11:20
插件无法被启用因为触发了一个严重错误。
Fatal error: Cannot redeclare highslide_head() (previously declared in F:\PHPNOW1\htdocs\1\wp-content\plugins\highslide4wp\highslide4wp.php:29) in F:\PHPNOW1\htdocs\1\wp-content\plugins\auto-highslide\auto-highslide.php on line 32
[回复]
Showfom 回复:
September 26th, 2009 at 12:49
@SMILE, 额别和 highslide4wp 一起装，这个是单独的~
[回复]
SMILE 回复:
September 26th, 2009 at 12:51
@Showfom, 我装highslide4wp是为了表情插件，你这个可以合并进去么。。
[回复]
Showfom 回复:
September 26th, 2009 at 12:53
@SMILE, 那就用 add highslide 和 highslide4wp 联合使用 http://zou.lu/add-hishslide-wordpress-plugin/
[回复]
SMILE 回复:
September 26th, 2009 at 12:54
@Showfom, 那我去试下。。。= =！
[回复]
imsean 发表于2009年09月30日15:26
为什么我上传了而且激活了，但是都没有用啊？
[回复]
imsean 发表于2009年09月30日15:43
其次，确保你的图片是有超级链接形式链接到原图，参考插件简介。
这句话没看懂。。。
[回复]
Showfom 回复:
September 30th, 2009 at 17:04
@imsean, 就是图片要缩小的图片，然后链接到大的图片
[回复]
K4.W 发表于2009年10月5日10:30
弄了半天也没成功- -
可能是我插件装的太多.有冲突
或者用的主题不合格
不过还是支持一下
[回复]
tong 发表于2009年10月6日02:09
ydf
[回复]
一米发表于2009年10月8日21:35
怎么不见我的评论了？杯具啊。
[回复]
zwwooooo 发表于2009年10月19日20:02
今天开始用你这个插件！
[回复]
Showfom 回复:
October 19th, 2009 at 20:50
@zwwooooo, 好！
[回复]
z-pc 发表于2009年11月2日10:00
小弟在您这学习了好多！感谢！
[回复]
皮晶豆芽发表于2009年11月2日16:02
Auto HighSlide太好用了！激动得无法用任何语词来形容。因为我是新手，看到网上极力推荐的ADD HighSlide，就安装了后却一点效果也没有，研究了几天也不管用，苦恼不已。到处问WP的QQ群，连有名的WP博客作者也不放过，但是他们也没回复。我真是急死了，今天无意搜索到这里，试下载Auto HighSlide并安装了，果然很快就显出效果了。太谢谢开发Auto HighSlide的好心人，希望Auto HighSlide保持升级更新，传播更远！
[回复]
chancat 发表于2009年11月3日15:11
听起来蛮不错的,有空实验下。顺道问下 ,如果一日志内上传多个图片会出现什么状态.能否让他整齐的排列（横排等）那样的。。
[回复]
创意无限发表于2009年11月5日14:32
图片不链接到原图可以吗,比如说链接到其他网址(站外的)
[回复]
Showfom 回复:
November 5th, 2009 at 16:17
@创意无限, 可以的。
[回复]
创意无限回复:
November 5th, 2009 at 16:33
@Showfom, 我把图片链接到其他网址后，貌似这个效果就没有了。。。
比如我的一个博客里的谋篇文章：http://www.x-idea.cn/office/missile-car-pen-container.htm，图片是连接，就没有这个效果了。。。
[回复]
Showfom 回复:
November 5th, 2009 at 16:34
@创意无限, 必须要链接到图片……不能是网页。
[回复]
创意无限回复:
November 5th, 2009 at 16:39
@Showfom, 了解了。也就是说只要是图片，不分站内站外都可以，但是链接到网页，就不行了，对吧。？
[回复]
Showfom 回复:
November 5th, 2009 at 18:02
@创意无限, 是的
[回复]
alswl 发表于2009年11月14日16:22
使用了，谢谢介绍
[回复]
一天一歌发表于2009年11月21日04:12
请问鼠标悬停在图片上面显示的那行英文"Click to close image..."
我想改成中文哪里改
[回复]
robbie 发表于2009年11月25日15:08
博z 旁白写很有趣:oops: 已经深深的爱上... 轻轻地飘过
[回复]
铵铵发表于2009年11月25日17:28
如果图片放大后能自动在页面居中就完美了.
[回复]
Nic 发表于2009年11月26日15:06
装上了，效果很赞~ 谢谢 @showfom
[回复]
toonsmag.com 发表于2009年12月20日23:51

wow nice website!
[回复]
cho 发表于2010年01月6日12:55
图片和链接到的图片必须是一张图片嘛……这样不是很方便……
我很多时候都是将flickr相册中的中等图显示出来，链接到原图。
[回复]
Showfom 回复:
January 6th, 2010 at 14:56
@cho, 不一定的啊不一定要同一张图片的缩略图也可以的你看我的就知道了
[回复]
神秘石发表于2010年01月9日23:12
其他正常，就是鼠标放到图片上不会变成放大的标志！！！
[回复]
唛闻网发表于2010年01月10日09:48
Add HighSlide + HighSlide4WP、Auto HighSlide与WP-PostViews不兼容，与WP-PostViews plus兼容
Lightbox 2与WP-PostViews兼容，与WP-PostViews plus兼容
本人亲测。希望检查哈。
[回复]
唛闻网发表于2010年01月10日10:02
使用Auto HighSlide后WP-PostViews统计的views不再增加，与WP-PostViews plus统计的Views会增加
使用Lightbox 2后WP-PostViews统计的views会增加，与WP-PostViews plus统计的Views会增加
我的QQ：309946202
[回复]
Showfom 回复:
January 10th, 2010 at 13:00
@唛闻网, 这个和插件没关系呢我就一起在用哦
[回复]
Showfom 回复:
January 10th, 2010 at 17:00
@唛闻网, 查看一下你主题 header.php 里有没有 wp_head 函数
[回复]
海派发表于2010年01月13日20:17
收藏
[回复]
大猫发表于2010年01月15日08:22
如果能有点击到上一张下一张的就好了，不过现在已经很不错了！这是没有这个功能的话看很多图片的时候很吃力。不停的开开关关=。=
[回复]
大猫发表于2010年01月15日08:33
而且我看到graphics文件夹下面有这样的图标，不知道是不是插件能实现这个功能，但是插件也没有设置选项，我看代码又头疼。麻烦Showfom看看，如果更新的话希望有后天设置。
[回复]
早安发表于2010年01月25日01:04
我想问一个问题，如果我想要给评论里面的图片也添加这样的效果要怎么做呢？
有没有单独加入的代码之类的？
[回复]
juse 发表于2010年01月25日01:26
用上了。。。。
[回复]
莱菔子发表于2010年01月30日16:43
很好用,谢谢!
[回复]
狗貝发表于2010年02月6日00:31
很傻瓜化谢谢兽兽
[回复]
adong.info 发表于2010年02月7日23:25
果然和4wp冲突，我只能选择用给你的啦
[回复]
歪歪发表于2010年02月9日23:27
正在寻找这个插件，顺着Baidu就走过来了。。很早就很欣赏你的玉米，创意控。
[回复]
柳城发表于2010年02月10日15:46
最近这插件失效了? 不知是不是升级到2.9.1的原因呢?
[回复]
快乐岛博客发表于2010年03月8日22:43
　　已经用上，太棒了！坚决支持博主发布2.0版！
　　有两个疑问：
　　①使用Windows Live Writer 时能自动生成缩略图，那么，这个缩略图的大小可以自己调整吗？要么是自己能统一设置一个大小，要么是能根据原图的大小单独设置缩略图大小。
　　目前要更改WLW自动缩略图的大小得改代码吧？如果是，改哪里，怎么改？
　　②通过FTP或空间后台上传的图片会生成缩略图吗？如果不可以，建议在下一版增加此功能。
　　一个建议：下一版本能增加后台选项、批量上传、指定目录等功能。
　　再次向兽兽表示衷心感谢！
[回复]
Showfom 回复:
March 9th, 2010 at 09:29
@快乐岛博客, 第一个，wlw自动生成的呀。第二个，WordPress后台上传的默认就有缩略图的……
[回复]
快乐岛博客回复:
March 9th, 2010 at 20:23
@Showfom,
　　第一个：我指的是能否让WLW自动生成的缩略图可以自定义大小，而不是像现在这个一上传它就自动生成一个固定大小的缩略图，使用者无法干预？也许，可以通过右侧的自定义大小实现，但那个155*155左右的缩略图已经生成，无法不让它生成。
　　第二个，WP后台上传时是可以生成缩略图的，那个，cpanel后台和FTP后台上传的图片如何生成缩略图呢？有点明白了，如果要使用这些图片，也是要通过WP后台的。。。
[回复]
快乐岛博客发表于2010年03月8日22:45
还有，能否选择让WLW还要自动生成缩略图，让用户选择？
[回复]
快乐岛博客发表于2010年03月8日22:47
上边打错了，应当是：能否选择让WLW不要自动生成缩略图，让用户选择？
[回复]
Showfom 回复:
March 9th, 2010 at 09:28
@快乐岛博客, 可以的，右边能选择原始大小
[回复]
羽中发表于2010年03月16日18:43
这插件说明太搞笑了我参考下移植进TE
[回复]

Search