WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Responsive Gridfolio

— 添加到WorldWideScripts.net

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

按照ENVATO 按照FACEBOOK

版本1.2發布日期2013年9月27日

  • 有關IE8修復的錯誤。
  • 與IOS和Android的最新修復的錯誤。
  • 提高移動性能。

版本1.1發布日期2013年7月24日

  • 支持多個類別,當然它仍然可以用一個單一的類別作為前使用。
  • 燈箱Iframe的支持。
  • 燈箱說明的AutoOpen(開項目描述不按信息按鈕)。
  • 增加了一個額外的方式由項目區外按關閉燈箱。
  • 增加了對MSPointer事件Windows8的移動支持。
  • 新增了六個額外的皮膚。

主要特點:

敏感的Gridfolio有流體/靈活/響應佈局。 基本上網格加入到一個HTML頁到艇員選拔的一個div和它的來適配基於該分區的寬度,柵格高度是基於縮略圖改性,如果其他元件是電網格低於它們會被自動推下(文件流)。 在所提供的例子,你可以看到,你可以使用過程中,其他配置也是可能的這一格,幾種方法(請注意,這方面的例子代碼在下載文件中提供)。

該庫可具有任何數目的圖像和各圖像可以是任何尺寸的,但成比例鹼拇指的寬度和高度。 當縮略圖被按下,你可以選擇顯示的原始媒體燈箱 ,我們有編碼,或打開一個新的網頁,這個網頁可以指定的URL和目標。 燈箱可以顯示圖像,或可以顯示視頻從YouTube或Vimeo的加載。

純面向對象的JavaScript代碼,不使用的jQuery或其他庫的,以這種方式將不會有不兼容與可能使用jQuery或其他JavaScript庫的HTML頁面。

敏感的Gridfolio是使用GPU( 硬件加速 )使用HTML5標準。 渲染速度和性能是無可挑剔的台式電腦,最重要的移動設備上,它的工作原理是將嘗試使用CSS3,如果這是不存在,它就會往下掉,以CSS2或CSS1像IE7IE8舊的瀏覽器的方式。

在移動設備上強大的性能,你可以在它運行就像一個原生應用程序的視頻演示中看到!這是編碼,並為移動設備優化,它是100%兼容的手機,當然它會運行一樣偉大的台式電腦包括像IE7IE8舊的瀏覽器。 我們已經測試了它在IPAD3(IOS),並在三星GALAXY S3( 機器人 ),它運行偉大的兩台設備上,下面是查看該演示的鏈接。 觀看演 ​​示的三星Galaxy S3(安卓)上運行 ,或觀看演 ​​示運行IPAD(IOS)。

網格的主要特點:

響應/靈活/流體佈局 :你可以控制網格,CSS或JavaScript的大小,基本上它有一個適應的佈局使其成為任何類型的項目最合適的人選。

支持任何數目的圖像和各圖像可以是任何尺寸的,但成比例鹼拇指的寬度和高度

整個顏色主題可以被修改。

可定制的縮略圖尺寸和幾何形狀 :此功能允許您更改縮略圖的大小和縮略圖之間的空間。

可定制的縮略圖邊框和背景 :每個縮略圖可以有邊框和背景,縮略圖的背景顏色,邊框的尺寸和邊框的顏色都是定制的,也縮略圖邊框顏色可以從正常的顏色要補間到選定的顏色..

縮略圖的說明或縮略圖媒體圖標 :每個拇指可以有一個簡短的說明,下面有一個透明的背景或代表一個鏈接,視頻或圖像,這是可見的,當鼠標懸停在縮略圖媒體圖標,文本可以被格式化的CSS,背景顏色和不透明度也可以被修改(可選)。

“裝載更多的縮略圖具有”:這是一個真棒功能,改善了,因為在這種方式不是所有的縮略圖被加載,並在顯示一次裝載的整體性能和速度。 例如,如果你有一共有120縮略圖,你可以向他們展示在套50張縮略圖,所以最初在網格中的第一套50縮略圖加載和顯示,而當“加載更多縮略圖”按鈕被按下下一一套50縮略圖加載和顯示,最後當“加載​​更多縮略圖”按鈕,再次按下20剩餘縮略圖顯示。 縮略圖的數目來加載每套是可定制的,它並不必須是50也可以是你認為任何數字。 這個功能是可選的,如果它被禁用所有縮略圖被加載和顯示。

定制按縮略圖操作 :當一個縮略圖被按下,你可以選擇顯示的原始媒體燈箱,我們有編碼,或打開一個新的網頁,這個網頁可以指定的URL和目標。 燈箱可以顯示圖像,或可以顯示視頻從YouTube或Vimeo的加載。

燈箱主要特點:

響應/靈活/流體佈局 :該lighbox將始終填充可用瀏覽器窗口。

整個顏色主題可以被修改。

Vimeo的和YouTube支持 :所有你需要做的是包括從YouTube或Vimeo的視頻,你要顯示的lighbox會顯示和播放視頻的鏈接。 每個視頻的尺寸(寬度和高度)可以很容易地進行設置。

縮放和平移支持的圖像:可以進出的圖像縮放,您可以平移圖像,通過這種方式,你可以看到非常詳細(可選)的圖像。

幻燈片播放按鈕(可選)。

幻燈片延遲,幻燈片的延遲可以在幾秒鐘內設置。

幻燈片自動播放。

幻燈片的自定義動畫圖形。

下一個和以前的按鈕導航(選配)。

Info按鈕和信息窗口 :每個lighbox項目都可以有一個說明,文本和窗口的外觀可以用CSS(選配)進行格式化。

可定制的邊框和背景 :邊框的大小和顏色,也是主要的背景顏色是可以定制的。

鍵盤支持 :左,右箭頭可用於導航(選配)。

UPDATES

2013年3月7日 - Bug修復相關的燈箱,當它被放大的Chrome和更好的檢測為移動設備。


下載
此類別中的其他組成部分這個作者的所有組件
評論常見問題和答案

屬性

創建:
13年2月18日,最後更新

高分辨率:
是,兼容的瀏覽器

關鍵字

電子商務, 所有項目, 機器人, 應用程序, 動態, 靈活, fliudwidth, 全屏, 畫廊, 網格, gridfolio, IFRAME, IOS, 多媒體, 反應靈敏, 縮略圖, YouTube的