博客啟用圖片HighSlide彈窗效果打賞

很多朋友都曾經抱怨小博的博客文章基本不上圖,其實我一來是為了節約時間,盡量不上圖,其次是為了加快瀏覽速度,但是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 回復

(必填)

(必填)

(可選)

黑龙江22选5开奖