当前位置: 首页 > 设计 > 正文
avatar

Auto Highslide修改版效果比原版的要好,他有白色遮罩层,可以直观的知道上下翻图片和幻灯片放映模式。很多人使用原版之后发现我用的更加帅一些,于是很多人想要了。

一直以来很多人都很喜欢我博客使用的图片插件,因为我用的跟原版是有些不同的,效果比原版的要好,他有白色遮罩层,可以直观的知道上下翻图片和幻灯片放映模式。很多人使用原版之后发现我用的更加帅一些,于是很多人想要了。

之前都是发给跟我要的朋友的,最近要的人貌似多了起来了,不如提供下载来的更加方便。

Auto Highslide修改版下载地址:
使用方法:

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

<a href="http://www.weisay.com/blog/weiimg/article/win8_6.png"><img alt="alt里面的文字会显示在图片底部" src="http://www.weisay.com/blog/weiimg/article/win8_6.png" title="Windows8" width="600" /></a>

注意:原图可以很大,但是要定义width的大小,这样图片就会被压缩到页面合适的大小了,点击就能显示大图片。

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

补充:

此修改版插件默认的蒙罩层是白色的,如果你想换成黑色,可以修改插件里面的highslide.css,将里面最后的

.highslide-dimming{background:#fff;}

改为

.highslide-dimming{background:#000;}

当然你也可以定义成其他颜色,看你自己的喜好了。

可能出现的问题:

安装好插件之后,如果点击图片一直显示“正在加载”,就是不能显示展开效果的话,看看你使用的主题是否加载了jQuery,此插件是需要jQuery支持的。

效果如下:

我是Windows8开始菜单啦

我是Windows8设置界面啦

想看多图片效果可点这里:http://www.weisay.com/blog/windows8-consumerpreview-experience.html

本文固定链接: http://www.weisay.com/blog/auto-highslide.html | 威言威语

WordPress图片插件:Auto Highslide修改版:目前有245 条评论

  1. avatar
    123楼
    Yephy Google Chrome Windows

    从别的博客看到你的插件,跑来看,结果使用后,发现出现问题!
    因为我的文章固定链接使用的是:域名/archives/数字.html 这样的形式,
    可是我发现使用插件后,代码报错,显示加载相关文件的地址404,以下是出错的文件:
    域名/archives/highslide/graphics/outlines/drop-shadow.png
    域名/archives/highslide/graphics/zoomout.cur
    而且jQuery自身好像也报错了!
    请问该如何解决呢?!我QQ:252112645

    2016-09-06 22:57 [回复]
    • avatar
      William Mozilla Firefox Windows

      看你已经换了新的图片展示插件了,效果也不错 :smile:

      2016-09-07 09:19 [回复]
  2. avatar
    122楼
    巴萨12 Google Chrome Windows

    WordPress4.5.3 安装不了插件

    2016-06-27 15:35 [回复]
  3. avatar
    121楼
    qiyuansu.cn Google Chrome Mac OS

    我用的就是这个版本,但是换过一次主题之后,文章页面显示的时候正常,但是点击放大之后就成一个宽条了,现在我网站就是这个状态
    高度很小,为什么呀,怎么修改,望告知,谢谢

    2015-11-30 11:55 [回复]
    • 我也是这个情况,我估计是库有冲突,你的那个问题解决了么?

      2016-05-28 03:04 [回复]

发表评论

question razz sad smile redface biggrin surprised eek confused cool lol mad rolleyes wink neutral cry

快捷键:Ctrl+Enter