要加載網頁速度更快,Web開發人員通常合併所有的圖像變成一大一和使用CSS定位的技巧來呈現他們所需要的更大的圖像只有一部分。這種技術被稱為圖像精靈和被廣泛使用,甚至大型公司,如谷歌,蘋果,易趣,等等。即時精靈工具自動合併提交的圖像的列表,並吐出最終精靈,以及用於原始圖像的必要CSS代碼。圖片精靈可以通過上載一批文件,拖動並從桌面掉落的位置到他們的網頁的表面,或重新打開和編輯舊的項目被創建。。像雪碧實際上是代碼的權力,instantsprite.com網站 要求: ...

flexImages

flexImages 1.0.4 更新

flexImages 使開發人員可以顯示圖片網格,適應和轉移依賴於用戶的視口大小從一行圖像到其他。這個插件是不是你的經典方形網格管理,可用於展示抵消,浮動,非標,砌體式的佈局。除了僅僅圖像插件也適用於其他HTML元素如視頻,內部框架,文本和資料核實定期一個小的演示包含在插件的包。該flexImages插件是為開發和供電的Pixabay.com網站 本發行版是新的: 整理了JavaScript代碼。 什麼在版本1.0.3是新的: 整理了JavaScript代碼。 ...

simpleGallery實現了經典的圖片庫的佈局,顯示的圖片是安排在一個水平排列的柵格圖像小縮略圖。點擊一個拇指做一個燈箱的窗口出現在那裡的照片可以在它的自然分辨率觀看。大多數的相互作用是通過CSS3過渡進行,使得整個庫比純的JavaScript替代輕得多。支持響應佈局包括,隨著瀏覽畫廊的能力,而在全屏模式下一個/上箭頭的幫助。的演示畫廊包括在simpleGallery包 什麼在此版本中是新的: 在替換ID為CLASS畫廊在增加了一個新的動畫添加錯誤處理負載圖像在按下ESC鍵關閉預覽圖像 ...

OneBook3d

OneBook3d 2.31 更新

OneBook3d是開發模仿舊版本的Flash為基礎的圖像畫廊jQuery插件哪裡哪裡使用一個現實的雜誌/紙/書介紹佈局的照片。此版本的作品僅僅使用jQuery和CSS3,並且不需要Flash或任何其他類型的瀏覽器插件。開發人員可以在他們的投資組合,或只是為顯示照片的小個人收藏使用,該插件支持頁面切換圖像,移動設備和大量的畫廊導航控件時,轉動的效果。正如你所看到的,畫廊是非常切合現代技術,並應在所有的現代CSS3功能的瀏覽器。OneBook3d工作原理與jQuery框架,1.x和2.x的兩個主要版本一個例子...

jpg.js

jpg.js 1.0

庫中刪除嵌入的DOM圖像的開銷。用於顯示內部的畫布標記的JPG圖片樣張包括在下載包。對於PNG圖像類似的圖書館也可這裡。對於BMP圖像的類似庫也可這裡 要求: ...

的效果可以應用到其他元素外的圖像,像列表項,鏈接的DIV,等等。可以調整大小幾乎任何DOM元素。在其原始形式,jQuery的HoverPulse插件緩慢增加的元件的高度和寬度按比例當用戶的鼠標越過所選元素。當鼠標從超過該元件上取下時,調整大小恢復到原來的大小。開發者可以控制HoverPulse動畫的速度和它的增長的大小 要求: 在客戶端中啟用JavaScript 的jQuery...

Kwicks

Kwicks v2.1.3

Kwicks是可以擴展或折疊鼠標懸停/點擊面板。該插件是基於原有Kwicks版本1.5.1傑里米·馬丁 功能: 在水平和垂直模式。 分鐘對馬克斯 - 指定所有非活躍kwicks的寬度/高度,而不是粘模 - 啟用一kwick永遠是開放的。這使得更多的&QUOT的,手風琴與QUOT;類型經驗。在自定義觸發事件 - 指定觸發事件的開幕及閉幕AMPL動畫。流暢的動畫效果。在獲取或設置活動kwick,或折疊所有kwicks。在事件掛鉤和回調添加到允許擴展插件。 什麼在此版本中是新的: ...

loupe.js

loupe.js 2.0

它採用非侵入式JavaScript保持代碼的清潔從任何無用的標記。它可以在所有主要的瀏覽器 - Mozilla Firefox瀏覽器1.5,Opera 9中,Safari和IE6。在舊的瀏覽器,它會降低,你的訪問者不會注意到的事情 功能: 在方便快捷實現。只需添加的onload =" initLoupe(this.id);"到圖像。使大圖像完全可見通過小頁面地區。工作,看起來真的很好。不需要額外的資源。這是可能通過使用圖像編輯程序來改變放大鏡的設計。 ...

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

小翼是​​一個輕量級的jQuery插件,用於創建全屏,背景圖片的幻燈片,非常適合展示高清晰度圖像,或旋轉背景圖像沒有注意到它的用戶。插件可任選顯示下一個/前一個箭頭按鈕在屏幕的右上角,按鈕用於切換從一個圖像到另一個。其他可定制的設置包括過渡時間從一個圖像到下一個預加載的情況下,如果循環的圖像,以及什麼時間量來顯示每個圖像。設置這最後的選擇高值確保用戶不會注意到背景的幻燈片幾乎在所有,但一個較低的值,建議如果使用小翼與登陸網頁或產品展示,在一個較小的時間內旋轉更多的照片。目前的網頁設計趨勢換上高分辨率圖像的高...