一直以来很多人都很喜欢我博客使用的图片插件,因为我用的跟原版是有些不同的,效果比原版的要好,他有白色遮罩层,可以直观的知道上下翻图片和幻灯片放映模式。很多人使用原版之后发现我用的更加帅一些,于是很多人想要了。
之前都是发给跟我要的朋友的,最近要的人貌似多了起来了,不如提供下载来的更加方便。
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支持的。
效果如下:
本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/p/4154140.html,如需转载请自行联系原作者