1.jQuery HTML5 幻燈片
使用支持HTML5的瀏覽器會有特殊效果，即切換圖片時顏色的改變
文章：http://keleyi.com/a/bjac/b8i3xdui.htm
效果：http://keleyi.com/keleyi/phtml/html5/1.htm

?

?

2. jQuery圖片延遲加載
一開始不加載實圖，只用灰圖占位，當圖片出現在視線中才加載實圖，減少對服務器的壓力。
效果網址：http://keleyi.com/keleyi/phtml/image/index.htm
文章網址：http://keleyi.com/a/bjac/et551617.htm

3.jquery使用ColorBox彈出圖片組瀏覽層
使用ColorBox插件彈出圖片組瀏覽層，半透明背景
文章：http://keleyi.com/a/bjac/141932b419e08101.htm
效果：http://keleyi.com/keleyi/phtml/colorbox/

4.HTML5和jQuery實現彩圖變灰與還原
初始時圖片灰色，光標懸停彩色，離開又變灰色。
文章：http://keleyi.com/a/bjac/hso1iuv7.htm
效果：http://keleyi.com/keleyi/phtml/image/2/

5. js插件使彩圖變灰
使用javascript使彩圖變灰，支持IE和Opera，而Chrome則支持得不好。

效果：http://keleyi.com/keleyi/phtml/image/3.htm
文章：http://keleyi.com/a/bjac/n2lodhc5.htm

6.在圖片上顯示左右箭頭的翻頁
效果：http://keleyi.com/keleyi/phtml/picnext/
文章：http://keleyi.com/a/bjac/a6e756c811719fff.htm

7.龍舟比賽
用javascript讓靜態的圖片動起來。
效果：http://keleyi.com/keleyi/phtml/duanwu/index.htm
文章：http://keleyi.com/a/bjac/trj18bxu.htm

?

8.jquery圖片輪播切換
效果：http://keleyi.com/dev/453467666cab56d0.htm
文章：http://keleyi.com/dev/453467666cab56d0.htm

9.純js畫圖像，是圖片不是圖形
文章：http://keleyi.com/a/bjac/yg5xnh2t.htm
效果：http://keleyi.com/keleyi/phtml/image/4.htm

10.HTML5特效 柯樂義觸須
文章：http://keleyi.com/a/bjac/k3pi4ehx.htm
效果：http://keleyi.com/keleyi/phtml/html5/2.htm

轉載于:https://www.cnblogs.com/jihua/p/jsimage.html

總結

以上是生活随笔為你收集整理的图片效果集合(js、jquery或html5)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。