新 圖像畫廊和觀眾腳本 為 Tympanus

在頁面加載，全屏畫廊與縮略圖顯示翻轉屏幕上的整個區域的圖像。如果瀏覽器被調整大小，以便為背景圖像。設置在右側頁面的縮略圖滑塊與涼爽的翻頁效果，讓用戶可以通過圖像列表導航。一旦用戶切換到一個新的圖像，縮略圖圖像慢慢通過CSS 3旋轉和背景圖像被相應地改變。全屏照片縮略圖翻轉例子包括在下載包中這樣你就可以更好地了解畫廊的作品 要求： 的JavaScript 的jQuery...

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

的波形顯示庫包括在頁面的底部的一個滑塊，允許用戶滑動波到左邊或右邊。單擊波的圖像縮放到該部分波。再次單擊它表明，即使在關於模式窗口浮在上面的畫廊休息了圖像的更多細節。畫廊的源代碼是非常良好的組織和輕鬆甚至是初學者也能進行修改。一個演示包括在下載包 要求： 在客戶端中啟用JavaScript 的jQuery...

響應圖片廊由兩部分組成。頂部的縮略圖滑塊，使用戶使他的照片的觀看選擇，並且在全視圖中選擇的圖像，滑塊下所示。當用戶調整窗口大小，或訪問從一個小屏幕設備的畫廊，畫廊寬度相應調整。隨著畫廊的大小，縮略圖滑塊和圖像查看部分也被調整為好。如果有通過縮略圖滑塊佔用太多的空間，任何用戶都可以用按下按鈕將其關閉。一個工作演示包括在下載包 功能： 圖片說明縮略圖欄在兩個查看模式過場動畫在側面導航控件 要求： 在客戶端中啟用JavaScript...

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

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

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