Wordpress插件修改:图片灯箱效果插件:Auto Highslide(自动链接到原图)

微饭网官方微信

啊哈,今天偶然间看到@威言威语修改的这款插件:Auto Highslide(自动链接到原图),感觉挺不错的,果断下载上传,然后启用。。。罗嗦了。。

启用了,问题就来了,发现一直提示 ”正在加载“。。

然后,还是让我先来介绍介绍这个插件吧。。。 --!

原版:实际上就是 Add HighSlide 的加强版和 HighSlide4WP 的精简加强版,Auto HighSlide 不需要启动HighSlide4WP 插件的支持,只要启动插件即可,类似于 Lightbox 2。

更多原版详情:http://zou.lu/auto-hishslide-wordpress-plugin/

直接复制的,这些插件偶一个都没见过。

修改版:添加了一些遮罩效果,功能按钮。。 我感觉很不错!赞一个!

修改版详情:http://www.weisay.com/blog/auto-highslide.html

我修改的下面给链接--!、

使用很简单,解压上传到插件文件夹,后台安装。用的时候在图片上面加个a 链接标签就行。举例:

<a href="http://sharepic.googlecode.com/files/win8_6.png">
<img alt="alt描述的文字会显示在图片底部" src="http://sharepic.googlecode.com/files/win8_6.png" title="Windows8" width="600" />
</a>
注意:原图可以很大,但是要定义width的大小,这样图片就会被压缩到页面合适的大小了,点击就能显示大图片。

如果你在图片里面定义了alt属性,那么当你点击图片显示效果的时候,你会发现你的alt属性里面的文字会显示在图片底部。

OK,让我们继续上面的解答。。。

去看了看@倡萌:

可能出现的问题

安装好插件之后,如果点击图片一直显示“正在加载”,就是不能显示展开效果的话,看看你使用的主题是否加载了jQuery,此插件是需要jQuery支持的。而且该插件会自动在WordPress主题的 wp_head()  钩子输出 js,所以请确保你的主题的 header.php 有 <?php wp_head(); ?> 这行代码。

发现,这完全不合实际,,因为每个人的主题不同,个人写或者网上下载的,这个代码作用也不同,只好再去寻找。。

在原版发现了这个的解决办法,

修改插件auto-highslide.php,将下面这段删除。

/* Add HighSlide */
最下面第二段的
add_action('wp_head', 'highslide_head');
修改成
add_action('wp_footer', 'highslide_head');

然后,你感觉头晕?修改错误?

那就下载我弄好的吧,直接弄第一步就行了。第二步就舍去。

再提供个:

自动链接到原图的方法

如果你以前发布的图片没有添加链接到原图,或者你不想每次都手动添加链接,那你可以在主题的 header.php 中添加下面的js代码:

<script type="text/javascript">
$(function() {
	$('.entry img').each(function(i){
		if (! this.parentNode.href) {
			$(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>");
		}
	});
});
</script>

 

我修改的是黑色遮罩,白色看着太闷骚了。。

 

然后上美图!!!! 爽起来!!!!!!!!

4afbfbedab64034f77a312bdaec379310a551d1a
8601a18b87d6277f5
7af40ad162d9f
cb8065380cd791
3409062_fbab8b82b9014a9098afc243a9773912b11beefc
发表评论
加载中...

相关文章