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 Slideshow Photo Gallery Grid

— Add-On sa WorldWideScripts.net

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

Bago! Sundin amin sa gusto mo!


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

May fluid / kakayahang umangkop / tumutugon layout Ang tumutugon Slideshow Photo Gallery. Talaga ang grid ay idinagdag sa isang html pahina sa isang div ng iyong chosing at adaptasyon ito ay batay sa lapad na div, ang taas grid ay binago batay sa bilang ng mga thumbnail at kung ang iba pang mga elemento ay nasa ibaba ang grid div sila ay itinulak pababa awtomatikong (dokumento daloy). 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 pag-download ng mga file).

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

Ang tumutugon Slideshow Photo Gallery ay gumagamit ng mga GPU (hardware acceleration) gamit ang pamantayan ng HTML5. Ang bilis rendering at pagganap ay hindi maaaring magkamali sa mga desktop computer at pinaka-mahalaga sa mga mobile device, ang paraan ng paggana ito ay subukan upang gamitin ang CSS3 at kung ito ay hindi magagamit ay ito down fall 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 katutubong app!, ito ay naka-code at na-optimize para sa mga mobile devices at ito ay 100% compatible sa mobile at siyempre ito ay tatakbo tulad ng mahusay sa mga computer na desktop 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 tumatakbo mahusay sa parehong mga aparato, sa ibaba ay ang link upang tingnan ang demo.
Panoorin ang demo na tumatakbo sa Samsung Galaxy S3 (android) o Watch demo tumatakbo sa iPad (iOS).

GRID PANGUNAHING TAMPOK

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

Maaaring baguhin ang buong tema ng kulay.

Nako-customize na laki ng mga thumbnail at geometry: Pinapayagan 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 border thumbnail at background: ang bawat thumbnail maaaring magkaroon ng hangganan at isang background, kulay ng background ang thumbnail, laki ng hangganan at kulay ang border ay napapasadyang.

Paglalarawan Thumbnail ni: bawat thumb ay maaaring magkaroon ng isang maikling paglalarawan na may isang transparent na background sa ilalim nito at ang paglalarawan na 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).

"Nagtatampok load ng higit pang mga thumbnail": ito ay isang kahanga-hangang tampok na nagpapabuti sa pangkalahatang pagganap at bilis ng pag-load dahil sa ganitong paraan ay hindi ang lahat ng mga thumbnail na-load at ipinapakita sa isang beses. Halimbawa kung ikaw ay may isang kabuuang 120 mga thumbnail maaari mong ipakita ang mga ito sa mga hanay ng 50 mga thumbnail, at iba sa una sa grid sa unang hanay ng 50 thumbnail na-load at ipinakita, at kapag ang mga "load ng higit pang mga thumbnail" na pindutan ay pinindot sa susunod set ng 50 thumbnail na-load at ipinakita, at sa wakas kapag ang pindutan ng "load ng higit thumbnail" ay pinindot muli ang natitirang 20 thumbnail ay nagpakita. Ang bilang ng mga thumbnail upang i-load sa bawat hanay ay nako-customize, ito ay hindi kailangang maging 50 ito ay maaaring maging anumang numero na isaalang-alang mo. Ang tampok na ito ay opsyonal, kung ito ay hindi pinagana ang lahat ng mga thumbnail na-load at ipinapakita.

Pagkilos pindutin ang thumbnail Custom: kapag ang isang thumbnail ay pinindot maaari mong piliin ang alinman 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

Flexible / likido layout: ang lighbox ay palaging punan ang magagamit browser viewport.

Maaaring baguhin ang buong tema ng kulay.

Vimeo at suporta YouTube: lahat ng kailangan mong gawin ay upang isama ang mga link mula sa mga video sa YouTube o Vimeo na gusto mong ipakita at ang lighbox ay ipapakita at i-play ang iyong video. Ang sukat (lapad at taas) ng bawat video ay maaaring itakda madali.

Mag-zoom at pag-pan ng 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).

Button Slideshow (opsyonal).

Delay Slideshow, ang pagkaantala ng mga slideshow ay maaaring itakda sa ilang segundo.

Slideshow autoplay.

Slideshow pasadyang animated graphics.

Susunod at nakaraang mga pindutan ng nabigasyon (opsyonal).

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

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

Pag Keyboard: kaliwa at kanang mga arrow ay maaaring gamitin para sa pag-navigate (opsyonal).

UPDATE

2013/02/19 - Kami ay nagdagdag ng isang bagong tampok na ito grid, ang pagpipilian upang magdagdag ng mga icon media sa ibabaw ng thumbnail kapag sila ay napili, ngayon maaari mong pinili sa pagitan ng paglalarawan thumbnail, icon media o "none" kapag ang isang thumbnail ay napili.

2013/03/07 - Nakapirming ilang mga bug na may kaugnayan sa lightbox at nagdagdag ng mas mahusay na suporta para sa mga mobile detection.


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:
15 Enero 13

Huling Update:
8 Marso 13

High Resolution:
Oo

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

Kasamang File:
JavaScript JS, HTML, CSS

Keyword

eCommerce, eCommerce, Lahat ng bagay, CSS3, dynamic, naibabagay sa mga pangyayari, likido, parilya, HTML5, lightbox, media, nakikiramay, vimeo, youtube