HTML5的全屏圖像模糊效果使用的HTML 5帆布工具來繪製和渲染相冊之間所使用的模糊效果。開發人員可以在他認為合適的調整模糊量和動畫的速度。這種模糊效果是通過 StackBlur 實際供電。該畫廊還包括在底部,縮略圖滑塊允許用戶在兩者之間相冊從幻燈片的任何位置切換縮略圖特殊滑塊。至於使用場景,HTML5的全屏圖像模糊效應可用於幾乎任何地方全屏畫廊可能是有用的。請注意:該插件可以暫時阻止在頁面加載一個網頁瀏覽器,由於較高的CPU資源的消耗。一個演示包括在下載包 要求: ...

jCapSlide

jCapSlide 1.0

一個標題是顯示連接到圖像的文本。甲字幕通常在或圖像中示出,但最近的趨勢在Web設計團體已經移動的放置一個標題字段的圖像中的各地區的,在大多數情況下,重疊在它上面。jCapSlide可用於增加對疊加字幕的圖像的頂部。jCapSlide還可以顯示更多詳細信息,或簡單地將鼠標懸停在圖像動畫標題字段。字幕可容納簡單的文字,甚至是HTML格式的代碼。它們也可以設置為完全展現,只是部分或留隱患,直到鼠標滑過的圖像。一個簡單的演示包括在下載包 功能: ...

3D牆畫廊是一個整版的圖片庫腳本。它包括三個主要部分。在頂部有一個滑塊,用於旋轉所述三維透視和滑動主圖像的左邊和右邊。在該中心是顯示圖像。在底部,有一個自動生成的縮略圖滑塊,完成由懸停在虛線控制預覽未來圖像一個簡單的系統 功能: 在圖像和3D視角滑塊頂部圖片可以有字幕縮略圖選擇縮略圖預覽易於配置 要求: 在客戶端中啟用JavaScript 的jQuery 在CSS 3的瀏覽器 限制: ...

該軟件包包含要使用照片和他們的縮略圖中使用4個獨特的懸停效果。他們的工作,當用戶進行收購他的鼠標在它的圖像揭示下隱藏的內容。所有的動畫都通過CSS 3的過渡渲染並有一個很好的3D效果看向他們。一個演示包括在下載包 要求: 在CSS 3的瀏覽器 限制: ...

全屏背景圖片幻燈片易於配置,允許現代形象滑塊只用CSS 3代碼構建。可見的影響將以前所需的jQuery或其它的JS腳本來使用,但全屏背景圖像幻燈片使用的背景定位技術,CSS 3動畫和CSS 3變換到沒有JavaScript完全模仿此行為的混合物。幻燈片支持各種過渡類型,圖像旋轉,甚至文字說明。有三個演示,其中一人模仿通過CSS 3單獨著名的和令人印象深刻Ken Burns效果 要求: CSS...

縮圖鄰近效應工作通過在鼠標光標的附近突出物或者通過改變其大小,能見度水平,旋轉,等等。幾乎任何CSS樣式屬性可通過此效果被改變。三個工作演示所附帶縮圖鄰近效應包,但是如上所述,任何類型的效果可以只通過修改幾個CSS&NBSP實現;在腳本的行為設置。另一方面,一些可配置JavaSript設置包括:對於接近圖像的最大縮放因子對於接近圖像的最大不透明度因子對於接近圖像的最小不透明度因子 要求: 在客戶端中啟用JavaScript 在CSS...

形象牆展示散落在頁面上的圖像,特別是風格看起來像在博物館的畫作。點擊縮略圖之一上將顯示一個水平帶浮在廊的頂部,有關照片的更多細節。點擊縮略圖再次將顯示圖像在全屏模式下,調光圖像壁的其餘部分。形象牆,可用於投資的部分,在網上的家庭相冊,服裝生產線畫廊等。。一個形象牆演示包括在下載包 要求: 在客戶端中啟用JavaScript 的jQuery...

高級設置允許畫廊展示多行縮略圖,以便用戶可以選擇圖像查看。在Bubbleriffic畫廊的每一行代表一個獨立的相冊。點擊縮略圖會自動動畫所需的圖像為中心的視圖。此動畫依靠一個黃色圓圈超車Bubbleriffic圖片廊觀點,並引入全頁面圖像的視覺體驗。圖片標題和每每家畫廊的導航鏈接都存在。,多個畫廊可以添加,但Bubbleriffic可以用一組照片以及工作 要求: 在啟用上客戶端的jQuery 在CSS...