Auto HighSlide-WordPress 的图片效果插件| Welcome to Dorabmon's ...
February 24, 2010多啦B梦

此前在午夜童鞋的介绍指导下,一直使用WP-Slimbox2的图片{tx}插件,效果也挺不错,图片黑箱效果良好,不过最近偶又去午夜那里溜达时发现,午夜童鞋已经淘汰该插件了。

我好像属于盲目赶潮流的人,所以我也依样画葫芦一番。

通过查看午夜童鞋的源代码,得知已经更换图片{tx}插件为:Auto HighSlide。MS是由国人开发出来的轻量级高效HighSlide 图片效果插件,好吧,我也来尝试一下。

通过GOOGLE,找到了插件的介绍(http://zou.lu/auto-hishslide-wordpress-plugin/):

实际上就是 Add HighSlide 的加强版和 HighSlide4WP 的精简加强版,Auto HighSlide 不需要启动 HighSlide4WP 插件的支持,只要启动插件即可,类似于 Lightbox 2 , Auto HighSlide 插件启动后占用的 JS 文件只有 32 KB, 一个 CSS 只有 4KB,轻量级的插件呵呵。

插件作者:

Showfom(http://zou.lu/)

插件简介:

图 片{tx},嗯,只增加了图片{tx} HighSlide 的? JS ,看清楚只有图片,而且要求是图片必须以超链接形式到原图,而且不用增加多余的代码,插件会自动为你增加。

小提示:

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

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

适用版本:

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

安装方法:

方法一:

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

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

方法二:

后台-》插件-》搜索 Auto HighSlide-》安装-》xx


一 些问题:

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');

这 段删除

高级用户可以把{zh1}的

add_action('wp_head', 'highslide_head');

修 改为

add_action('wp_footer', 'highslide_head');

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

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

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

插件下载:

Join the discussion

?

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


郑重声明:资讯 【Auto HighSlide-WordPress 的图片效果插件| Welcome to Dorabmon's ...】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——