LightGallery - 輕量的、響應式jQuery相冊

Query LightGallery是一個輕量級的，可定制的，模塊化的，響應式的 jQuery 相冊插件。它采用 CSS 來實現(xiàn)圖像和視頻的大小調整。因此，這將是非常靈活的，并且比使用 JavaScript 方法相當快。 Lightgallery 自帶幾個內(nèi)置模塊，如縮略圖，全屏，變焦等，很容易地創(chuàng)建你自己的模塊。

演示地址

http://sachinchoolur.github.io/lightGallery/

來源

http://www.qietu.cn/thread-15125-1-1.html

----------

加微信公眾號qietuwang，獲取最新資訊

ad ~ 自學3月前端找不到工作？切圖網(wǎng) 旗下首個web前端真實項目實戰(zhàn)培訓品牌切入口即將開班，讓你的簡歷豐富不止3倍，詳情請加前端講師qq 6133576 獲取最新開班通知，web前端學習千人群：469861419

大家推薦一款超好用的PS證件照大師插件，Document Star證件照大師 for Mac主要的用來處理證件照，這款證件照大師插件提供了證件照尺寸裁剪、排版、濾鏡磨皮、更換底色、服裝模板等實用的功能，另外證件照大師ps插件還支持批量處理，這款證件照大師PS插件適用于最新版本的Photoshop，歡迎你來體驗哦！

Document Star證件照大師插件介紹

證件照大師是一款簡單易用的證件照處理插件（Photoshop插件）。利用PS證件照大師可以快速處理多種證件照片尺寸排版、裁剪以及更換背景等操作。PS證件照大師理論上支持PS CC全系列軟件（win/mac），親測PS 2021可用。

https://mac.orsoon.com/Mac/174070.html?id=MTY4MTYyJl8mMjIwLjE4Ni4yOC4yMzY%3D

證件照大師PS插件功能

- 選擇相冊中的圖片進行證件照制作

- 現(xiàn)場拍攝一張圖片進行證件照制作

- 從圖片中摳出證件照主體，可進行放大縮小、擦除選中的操作

- 按比例生成電子證件照到您的本地相冊

今天要給大家分享10款精美的HTML5圖片輪播/切換動畫，這些動畫每一個都有自己的特點，不管你是PC端的網(wǎng)頁，還是移動端的H5應用，都可以嘗試使用這些動畫來提高應用的用戶體驗。

?
PS：請你耐心看完，文末我提供了所有動畫的源碼打包下載鏈接，如果你喜歡這些動畫，可以按需下載，希望對你有所幫助。

1. 可無限水平滑動的JS畫廊動畫

這是一個簡約而實用的JS畫廊相冊組件，它的特點是可以添加無限多張相片，并且支持水平無限循環(huán)滑動。另外它還支持對畫廊中的相片進行展開和折疊，并同時動態(tài)展示相片的標題和描述。這款相冊組件主要采用了jQuery插件以及CSS3的過渡動畫特性，使用起來十分方便。

2. 基于TweenMax.js的圖片碎裂切換動畫

這是一個基于TweenMax動畫庫的圖片碎裂切換動畫，它的特點是點擊圖片時，圖片就會像玻璃那樣碎裂成許多塊，然后漸漸地消失，直到下一張圖片顯示為止。這款圖片碎裂動畫也可以應用在焦點圖的切換動畫中，效果非常不錯。

3. 基于Swiper.js的視差效果圖片滑塊動畫

Swiper.js是一個流行的移動端輪播圖插件，它提供了豐富的功能和配置項。這款圖片滑塊動畫就是基于Swiper.js實現(xiàn)的，它的特點是圖片切換的時候，圖片上方將會出現(xiàn)白色背景的視差效果圖層，并且它可以適配不同的瀏覽器尺寸。

4. 基于Three.js的圖片撕碎切換動畫

這又是一個非?？岬腍TML5 Canvas圖片切換動畫，它是基于知名3D動畫庫threejs實現(xiàn)的。在圖片切換過程中，你也可以通過鼠標拖動來查看切換時的具體細節(jié)效果。如果將它制作成一個效果非常獨特而華麗的相冊或者焦點圖插件，相信會很不錯的。

5. CSS濾鏡特效下的手風琴圖片切換動畫

這是一個純CSS實現(xiàn)的手風琴特效的圖片切換動畫，它的特點是采用了CSS濾鏡特效，首先將原圖通過濾鏡變換成黑白樣式，鼠標滑過激活圖片后，再將黑白圖轉換成原圖，從而實現(xiàn)圖片高亮的效果。

6. jQuery手風琴圖片播放器可自動播放

這同樣是一款手風琴特效的圖片切換動畫，它基于jQuery開發(fā)，是一款非常不錯的jQuery圖片輪播插件。它的特點是支持自動播放，使用簡單，對于一些商品展示的站點或者app，比較適合使用。

7. HTML5 SVG實現(xiàn)的波浪切換圖片動畫

這是一款采用SVG遮罩來實現(xiàn)波浪樣式的圖片切換動畫。所有的圖片采用背景圖片的方式，圖片上方定義SVG圓形路徑，通過對圓形svg路徑的樣式渲染，實現(xiàn)波浪切換的動畫效果。

8. 基于jQuery的3D圖片切換插件Slicebox

Slicebox是一款基于jQuery的圖片切換插件，盡管jQuery在新的web系統(tǒng)中使用越來越少，但我們依然可以使用它的強大插件來豐富我們現(xiàn)有的網(wǎng)站。這款圖片切換插件的特點是播放上一張或下一張圖片時，圖片會出現(xiàn)水平分裂或垂直分裂的3D視覺效果。

9. jQuery響應式圖片切換插件，可自動播放

這款jQuery圖片切換插件擁有簡單的使用方法和靈活的擴展方式，支持單頁面多實例，并且可適配不同的屏幕尺寸。另外通過配置，我們可以讓圖片切換組件支持自動播放、顯示切換按鈕、鼠標滑過放大圖片等特性。

10. 純CSS實現(xiàn)的水平3D圖片滾動特效

這是一款純CSS實現(xiàn)的圖片滾動特效，它的特點是我們可以通過滾動瀏覽器的橫向滾動條，可以讓圖片進行水平切換滾動。另外圖片排列呈現(xiàn)3D投影的視覺效果，同時也可以在移動端通過手指滑動來實現(xiàn)圖片的橫向滾動瀏覽。

在線咨詢

上一篇：百度站長平臺如何進行網(wǎng)站驗證及常見問題
下一篇：創(chuàng)建漂亮的 CSS 按鈕的 10 個代碼片段

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商

LightGallery - 輕量的、響應式jQuery相冊