新 平面設計腳本 為 Tympanus

目前頁面加載，所述合併圖像盒庫呈現為縮略圖的一個網格。點擊一個縮略圖將合併所有大拇指成一個更大的容器，這將顯示圖像在其正常大小。然後，用戶可以瀏覽左側或右側邊使用導航箭頭看到更多的畫廊的圖像。圖像合併使用盒子3的CSS動畫，是什麼這個新的CSS標準能夠在過渡和轉換的境界一個很好的例子 要求： < P> 在客戶端中啟用JavaScript 的jQuery 在CSS...

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

垂直滑動折疊是非常靈活的，並提供許多定制功能。五個工作示例包含在下載包。這將有助於開發人員了解手風琴作品和它所支持的自定義選項。從面板的數量，所使用的動畫類型，一切都可以調整，以創建自定義風格的手風琴，適用於任何的網站設計和UI 功能： 在鼠標滾輪導航設置手風琴寬度設置手風琴高度在可視面板的設置數量/滑塊在打開的面板/幻燈片的設置高度動畫速度動畫緩動效果的折疊板設置不透明度值/片漸變動畫速度為面板的內容記住手風琴的位置 要求： 在客戶端中啟用JavaScript 的jQuery...

自動圖像蒙太奇調整大小的圖像，因為它認為合適的，把它們連成照片的連續壁。圖庫可用於創建背景為頁，或者僅僅某些選定部分的整個區域。自動圖像蒙太奇適用於流體和固定的大小（包括全屏），以填補照片之間的所有空白選項。自動圖像蒙太奇腳本是完美的展示中到大集合照片縮略圖，無需放大照片的選項。一個演示包括在下載包 功能： 在圖像之間設置空間設置最小的圖像寬度設置最低圖像高度設置最大圖像高度力的圖像有一個固定的高度自動去除填充最後行啟用液體佈局 要求： 在客戶端中啟用JavaScript...

開發者可以在其上可以點擊和縮放將圖片添加特殊領域。創建演示文稿旅遊產品，旅遊場所等時，此功能是非常有用的..用戶可以在圖像的各個步驟中導航，與“返回”的鏈接。。變焦效果是由衰落/放大新形象，淡出舊的創建 要求： ...

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

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

可用於為HTML網格佈局添加任何獨特的懸停效果的方向感知懸停效果包。懸停效果是通過CSS 3中產生，而jQuery的用於檢測鼠標位置和移動，並相應地動畫面板。這意味著當用戶懸停的圖像，所述過渡效果可以從側面（或相反的一個）被觸發。。各種例子包括在下載包 要求： 在客戶端中啟用JavaScript 的jQuery 在CSS...