demoshop

demo, trying to be the best_

官方網站
http://colorpowered.com/colorbox/
版本
1.3.6

之前用過了不少的 Lightbox 後來是有一陣子都使用 FancyBox 但是最近發現了這一套 Colorbox 實在是讓我驚艷,不但檔案小效果多而且和 IE6 配合的還不錯,真是大力的推薦。

來簡介一下為什麼我會對於他驚艷呢其實也只是一些貼心的功能而已,比如說:

  1. 提供 Mini file 的檔案(只有9k)。
  2. 直接解決 IE6 的 PNG 透明。
  3. 開啟的特效很美觀。
  4. 內建支援幻燈片的顯示效果。
  5. 使用大量的 CSS Sprites 技巧。
  6. Fancybox 能做到的他都可以做到...
  7. 支持 Firefox 2 & 3、Safari 3 & 4、Opera 9、Chrome、Internet Explorer 6, 7, 8。
  8. 支持 jQuery 1.3 或 1.4。

官網的範例在這裡【】【】【】【】【】其中第四個就和 Fancybox相當的像,而第二個範例使用的圖片相當少,對於頻寬不足的可以優先考慮這個。


提供的參數也是相當的多【官網參數表

而 demo小鋪也全面將 Fancybox 改為 Colorbox (點頁面最上面的系統公告就是了)如果你也有在類似的效果,推薦你可以試試看

如果按了 系統公告有很詭異的畫面,那是因外快取尚未更新,請按下 CTRL+F5 更新後再看一次即可。

 

回應討論