博客启用图片HighSlide弹窗效果打赏

分类：生活纪实 | 2012-02-05 20:08:21 | 浏览(10,098)

9条评论

很多朋友都曾经抱怨小博的博客文章基本不上图，其实我一来是为了节约时间，尽量不上图，其次是为了加快浏览速度，但是Web2.0特性爆发的年代，没有图片的博客恐怕会越来越不受欢迎了，也因此，在今天转载Java7新特性的文章后，传上了一张久违的图片，但由于主题之前没考虑大图的因素，直接原图插入文章会导致排版错乱，缩放又看不清文字，这就想到了HighSlide弹窗效果的了，自己暂时没工夫动代码，也不想费事，就找个大众点的插件用用吧。

简单的检索后，决定使用走点路博客提供的修改过的HighSlide4WP插件

实际上就是 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://xxx.com/files/image.png"><img src="http://xxx.com/files/image_thumb.png"
width="240" height="60"></a>
就那么简单，用 Windows Live Writer 的朋友只要上传一张图片，能自动生成缩略图并且链接到原图，就会有效果；使用 WordPress 后台增加文章的用户可以使用上传图片，然后选择链接到原图，大小设置成中等或者根据自己需要甚至是原图都可，如图：

有了这个插件，以后就不愁加图片麻烦了，至于有时候因为图片速度慢点（其实现在服务器升级了，应该也不怎么慢了），还请见谅了！我会在需要的地方才用图的。也好为博客增添一些色彩。

由于现在在网吧上网，条件有限，所以加了js插件测试只IE和Chrome下测了，其他的浏览器没时间装，理论上没有什么问题，不知道实际怎么样，可能跟我这套主题哪里有冲突也说不定呢，大家没事帮忙测下，有问题请留言给我哦。

博客启用图片HighSlide弹窗效果
 文章《博客启用图片HighSlide弹窗效果》二维码
  • 微信打赏
  • 支付宝打赏

已有9条评论

  1. 正义小妹妹

    继续支持没话说~ 博主真强

    2015-12-21 09:25 回复
  2. 面膜排行榜

    支持博主

    2012-02-14 20:17 回复
  3. 小牡

    如果没有连接的该怎么弄 ❓

    2012-02-10 06:49 回复
    • 穷小子

      这个嘛。没有进一步研究，不过好像这个插件不能实现，其他的就不知道了。

      2012-02-10 19:56 回复
  4. 天蝎座和什么座最配

    认真阅读后飘过，不得是不说好内容。http://www.tianxiezuo.org/

    2012-02-07 11:34 回复
  5. 狮子座和什么座最配

    虽然是元宵节，但是我们这好冷，风又好大，只能在家里看看博主的精彩博文了。http://www.shizizuo.info/

    2012-02-06 16:01 回复
  6. 适而亮

    博主的界面是太清爽了点，上点图会更有视觉效果

    2012-02-06 00:44 回复

（必填）

（必填）

（可选）