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

— Add-On sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Sundin ENVATO Sundin Facebook

Bersyon 1.2 ng Paglabas na Petsa 2013/9/27

  • Nakatakdang bug na may kaugnayan sa IE8.
  • Nakatakdang bug na may kaugnayan sa mga pinakabagong pag-update ng iOS at Android.
  • Pinabuting pagganap ng mobile.

Bersyon 1.1 ng Paglabas na Petsa 2013/7/24

  • Suporta para sa maramihang mga kategorya, siyempre ito ay maaari pa ring magamit sa isang solong kategorya tulad ng dati.
  • Lightbox Iframe suporta.
  • Paglalarawan ng Lightbox autoopen (open paglalarawan ng item nang hindi pinipindot ang button ng impormasyon).
  • Idinagdag dagdag na paraan upang isara ang lightbox sa pamamagitan ng pagpindot sa labas ng item area.
  • Idinagdag ang suporta para sa mga kaganapan MSPointer para sa windows8 mobile.
  • Idinagdag anim na dagdag na mga skin.

Pangunahing mga tampok:

Ang tumutugon Gridfolio ay may tuluy-tuloy / kakayahang umangkop / tumutugon layout. Talaga ang grid ay idinagdag sa isang html pahina sa isang div ng iyong chosing at paglalapat ng ito ay batay sa lapad na div, ang taas grid ay binago batay sa mga thumbnail at kung iba pang mga elemento ay nasa ibaba ang grid div sila ay matutulak pababa awtomatikong (dokumento dumaloy). Sa halimbawang ibinigay maaari mong makita ang ilang mga paraan kung saan maaari mong gamitin ang grid na ito, siyempre na ang ibang mga configuration ay posible (pakitandaan na ang code ng mga halimbawa na ito ay ibinigay sa ang pag-download ng mga file).

Gallery ay maaaring magkaroon ng anumang bilang ng mga larawan at ang bawat larawan ay maaaring maging ng anumang laki, ngunit proporsyonal sa lapad base hinlalaki at taas. Kapag ang isang thumbnail ay pinindot maaari mong piliin ang alinman sa upang maipakita ang orihinal lightbox media kung saan kami naka-code, o upang buksan ang isang bagong webpage, ang url at target ng webpage na ito ay maaaring tinukoy. Lightbox ay maaaring magpakita ng mga larawan, o maaaring magpakita ng mga video-load mula sa YouTube o Vimeo.

Purong OOP JavaScript code, walang paggamit ng jQuery o iba pang mga library, sa ganitong paraan walang magiging mga hindi may mga HTML na pahina na maaaring gamit jQuery o iba pang mga aklatan JavaScript.

Ang tumutugon Gridfolio ay gumagamit ng GPU (hardware acceleration) gamit ang pamantayan ng HTML5. Ang bilis ng pag-render at pagganap ay hindi maaaring magkamali sa mga desktop computer at pinaka-mahalaga sa mga mobile device, ang paraan ng paggana nito ay ito subukang gamitin ang CSS3 at kung ito ay hindi magagamit habilin ito pababa pagkahulog sa CSS2 o CSS1 para sa mas lumang mga browser tulad ng IE7 at IE8.

Mahusay na pagganap sa mga mobile device, maaari mong makita sa video demo na ito ay tumatakbo tulad ng isang native na app!, ito ay naka-code at na-optimize para sa mga aparatong mobile at ito ay 100% sa mobile tugma at siyempre tatakbo ito tulad ng mahusay sa mga desktop computer kabilang sa mga mas lumang mga browser tulad ng IE7 at IE8. Sinubukan namin ito sa IPAD3 (iOS) at sa isang Samsung Galaxy S3 (android) at ito ay nagpapatakbo ng mahusay sa parehong mga device, sa ibaba ay ang link upang tingnan ang demo. Panoorin ang demo na tumatakbo sa Samsung Galaxy S3 (android) o Panoorin ang demo na tumatakbo sa iPad (iOS).

Grid pangunahing tampok:

Nakikiramay / kakayahang umangkop / likido layout: maaari mong kontrolin ang laki ng grid sa CSS o ang JavaScript, talaga ito ay isang madaling ibagay layout na ginagawang ang perpektong kandidato para sa anumang uri ng proyekto.

Suporta para sa anumang bilang ng mga larawan at ang bawat larawan ay maaaring maging ng anumang laki, ngunit proporsyonal sa lapad base hinlalaki at taas

Maaaring baguhin ang buong tema ng kulay.

Nako-customize na laki ng mga thumbnail at geometry: Binibigyang-daan ka ng tampok na ito sa iyo upang baguhin ang laki ng mga thumbnail at ang puwang sa pagitan ng mga thumbnail.

Nako-customize na hangganan thumbnail at background: ang bawat thumbnail maaaring magkaroon ng hangganan at background, kulay ng background ang thumbnail, ang laki ng hangganan at kulay ang border ay nako-customize, din ang Kulay ng border ng ​​thumbnail ay maaaring tweened mula sa isang normal na kulay sa isang napiling kulay..

Ng mga icon ng paglalarawan o mga thumbnail media Thumbnail: bawat hinlalaki ay maaaring magkaroon ng isang maikling paglalarawan na may transparent na background sa ilalim ito o isang icon ng media kung saan ay kumakatawan sa isang link, video o imahe, ito ay makikita kapag ang mouse ay higit sa isang thumbnail, ang teksto ay maaaring ma-format sa CSS, ang kulay ng background at opacity rin maaaring mabago (opsyonal).

"Itinampok Mag-load ng higit pang mga thumbnail": ito ay isang kahanga-hangang tampok na nagpapabuti sa pangkalahatang pagganap at bilis ng pag-load dahil sa paraang ito ay hindi ang lahat ng mga thumbnail na-load at ipinapakita nang sabay-sabay. Halimbawa kung mayroon kang isang kabuuang 120 mga thumbnail maaari mong ipakita ang mga ito sa mga set ng 50 mga thumbnail, at sa gayon una sa grid sa unang hanay ng 50 mga thumbnail na-load at ipinakita, at kapag ang mga "pag-load ng higit pang mga thumbnail" na button ay pinindot sa susunod hanay ng 50 mga thumbnail na-load at ipinakita, at sa wakas ay kapag ang button na "-load ng higit pang mga thumbnail" ay pinindot muli ang natitirang 20 mga thumbnail ay nagpakita. Ang bilang ng mga thumbnail upang i-load sa bawat hanay ay nako-customize, ito ay hindi kailangang maging 50 maaari itong maging anumang bilang isaalang-alang mo. Ang tampok na ito ay opsyonal, kung ito ay hindi pinagana lahat ng mga thumbnail na-load at ipinakita.

Pagkilos pindutin ang thumbnail Pasadyang: kapag ang isang thumbnail ay pinindot maaari mong piliin ang alinman sa upang maipakita ang orihinal lightbox media kung saan kami naka-code, o upang buksan ang isang bagong webpage, ang url at target ng webpage na ito ay maaaring tinukoy. Lightbox ay maaaring magpakita ng mga larawan, o maaaring magpakita ng mga video-load mula sa YouTube o Vimeo.

Lightbox pangunahing tampok:

Nakikiramay / kakayahang umangkop / likido layout: ang lighbox ay palaging punan ang magagamit browser viewport.

Maaaring baguhin ang buong tema ng kulay.

Vimeo at suporta sa YouTube: ang kailangan mo lang gawin ay upang isama ang link mula sa YouTube video o Vimeo na nais mong ipakita at ang lighbox ay magpapakita at i-play ang iyong video. Ang laki (lapad at taas) ng bawat video ay maaaring itakda madali.

Mag-zoom at pag-pan sa suporta para sa mga imahe: Maaari kang mag-zoom in at out ng isang imahe at maaari kang mag-pan ang imahe, sa ganitong paraan maaari mong makita ang larawan sa mahusay na detalye (opsyonal).

Pindutan Slideshow (opsyonal).

Pagkaantala Slideshow, sa pagka-antala ng slideshow ay maaaring itakda sa ilang segundo.

Slideshow autoplay.

Slideshow pasadyang animated graphics.

Susunod na at nakaraang mga pindutan nabigasyon (opsyonal).

Pindutan at info window ng impormasyon: lighbox bawat item ay maaaring magkaroon ng isang paglalarawan, ang teksto at window hitsura maaaring mai-format sa CSS (opsyonal).

Nako-customize na hangganan at background: ang laki hangganan at kulay at din ang pangunahing kulay ng background ay nako-customize na.

Suporta sa keyboard: ang kaliwa at kanang mga arrow ay maaaring magamit para sa pag-navigate (opsyonal).

UPDATE

2013/03/07 - Bug fix na may kaugnayan sa lightbox kapag ito ay naka-zoom sa Chrome at mas mahusay na detection para sa mga mobile device.


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
18 Pebrero 13

Huling Update:
28 Setyembre 13

High Resolution:
Oo

Mga katugmang Mga Browser:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

File Kasamang:
JavaScript JS, HTML, CSS

Keyword

eCommerce, ang lahat ng Item, android, app, pabago-bago, kakayahang umangkop, fliudwidth, fullscreen, gallery, grid, gridfolio, iframe, iOS, multimedia, matugunin, ang mga thumbnail, youtube