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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

— Add-On sa WorldWideScripts.net

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

Bago! Sundin amin sa gusto mo!


Walang-hanggan Draggable Grid may Lightbox - WorldWideScripts.net Item para sa Sale

Ads

Ad: Bluehost hosting

AngWalang-hanggan Photo Grid may LightboxMay fluid / kakayahang umangkop / tumutugon layout. Talaga grid ay idinagdag sa isang HTML na pahina sa isang div na iyong pinili at ito adapts batay sa lapad na div at taas . Sa mga halimbawang ibinigay maaari mong makita ang ilang mga paraan kung saan maaari mong gamitin ang grid na ito, siyempre na ang ibang mga configuration ang posible (pakitandaan na ang mga halimbawa ay ibinigay sa ang pag-download na mga file) .

Purong OOP JavaScript code, walang paggamit ng jQuery o iba pang mga library, sa paraang ito walang magiging incompatibilities sa mga HTML na pahina na maaaring gamit jQuery o iba pang mga aklatan JavaScript.

AngWalang-hanggan Photo Grid may Lightboxay gumagamit ng GPU( hardware acceleration )ginagamitHTML5 pamantayanAng pag-render ng bilis at pagganap ay hindi maaaring magkamali sa mga computer na desktop at pinaka- mahalaga sa mga mobile device . ito gumagana sa mga sumusunod na paraan : ito ay subukan upang gamitin ang CSS3 at kung ito ay hindi makukuha ito pababa malaglag CSS2 o CSS1 para sa mas lumang mga browser tulad ngIE7atIE8.

Madaling pag-install at buong dokumentasyon kasama, Ang grid playlist ay itinayo mula <ul> elemento na ginagawang mas madaling i-set up nang manu-mano o sa mabubuo mula sa database o anumang iba pang uri ng data na istraktura, grid na ito maaaring i-install at ginamit ng designer o developer na may kadalian .

Mahusay pagganap sa mga mobile device, maaari mong makita sa demo video na ito ay tumatakbo tulad ng isang native na app !, Ito ay ma-code at sinulit para sa mga mobile na aparato at ito ay 100 % compatible sa mobile at siyempre tatakbo ito lamang bilang dakilang sa mga desktop computer kabilang sa mga mas lumang mga browser tulad ng IE7 at IE8 . Kami ay sinubukan ito sa IPAD3 at sa isang Samsung Galaxy S3 ( Android) at ito ay tumatakbo mahusay sa parehong mga aparato, sa ibaba ay ang mga link upang tingnan ang demo .

Panoorin ang demo na tumatakbo sa Samsung Galaxy S3 ( android )oPanoorin ang demo na tumatakbo sa iPad ( iOS ) .

Grid PANGUNAHING TAMPOK

Flexible / fluid layout: Maaari mong kontrolin ang laki ng grid sa CSS o JavaScript ; talaga ito ay isang madaling ibagay layout na ginagawang ang perpektong kandidato para sa anumang uri ng proyekto .

Apat na uri ng display ay kasama : likido lapad, full screen, may kakayahang umangkop at lightbox ( tingnan ang mga halimbawa !) .

Ang buong tema at kulay ng balat ay maaaring mabago .

Mga natatanging paraan ng pagpapakita ng iyong mga larawan !Talaga ang grid ay maaaring nag-drag walang katiyakan sa anumang direksyon at bagong mga thumbnail ay ipapakita, mayroong isang complex mathematical algorithm sa likod ng hood ng ang grid na ito ay ginagawang posible . Suporta para sa malaking bilang ng mga imahe .

Nako-customize na mga thumbnail geometry at kulay ng tema : Ang tampok na ito ay nagbibigay-daan sa iyo upang baguhin ang mga thumbnail ' laki at kulay ng background .Thumbnail transparent na overlayisang transparent na kulay na kahon na lumilitaw sa ibabaw ng thumbnail kapag hindi ito ang pinili, ang mga kulay at opacity para sa kahon na ito ay napapasadyang (opsyonal) .

Thumbnail maliit na iconmaliit na icon na lumilitaw kapag ang isang thumbnail ay napili, ang mga icon na ito ay ng tatlong uri (video, link at imahe ) ( opsyonal) .

Custom pindutin ang thumbnail pagkilos :kapag ang isang thumbnail ay pinindot maaari mong piliin ang alinman sa upang ipakita ang isang orihinal na lightbox media kung saan namin ma-code, o upang buksan ang isang bagong webpage, ang URL at ang target ng webpage na ito ay maaaring tinukoy. Lightbox ay maaaring magpakita ng mga larawan, o maaari itong magpakita ng mga video -load mula sa YouTube o Vimeo .

Navigation animated tulong screen (opsyonal) .

Mousewheel suporta, ang scroll direksyon ay maaaring itakda sa vertical o horizontal (opsyonal) .

Fullscreen button (opsyonal) .

Lightbox PANGUNAHING TAMPOK .

Flexible / fluid layoutlighbox ang palaging punan ang mga magagamit na browser viewport .

Ang buong tema ng kulay ay maaaring mabago .

Vimeo at YouTube support :ang kailangan mo lang gawin ay upang isama ang mga link mula sa YouTube o Vimeo video na gusto mong ipakita at lighbox ang ipapakita at i-play ang iyong video. Ang sukat ( lapad at taas) ng bawat video ay maaaring itakda madali.Mag-zoom at pag-pan suporta para sa mga larawanMaaari kang mag-zoom in at out ng isang imahe at maaari kang mag-pan ng imahe, sa ganitong paraan maaari mong makita ang larawan sa mahusay na detalye (opsyonal) .

Slideshowbutton (opsyonal) .

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

Slideshow autoplay .

Slideshow pasadyang animated graphics .

Susunod at nakaraang mga pindutan nabigasyon (opsyonal) .

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

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

Keyboard supportang kaliwa at kanang mga arrow ay maaaring magamit para sa pag-navigate (opsyonal) .

UPDATE

2013/03/27 - Nakapirming bug na may kaugnayan sa Windows8 metro at desktop .

2013/02/07 - Nagdagdag ng isang tampok na nagbibigay-daan sa grid upang i- drag patayo, pahalang o pareho.

2013/06/03 - Nakapirming isang serye ng mga bug at nagdagdag ng suporta para sa mouse wheel, ito ang paraan grid ay maaaring scrolled pahalang o patayong gamit ang mouse wheel (opsyonal) .


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:
5 Pebrero 13

Huling Update:
28 Marso 13

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

Software Version:
HTML5

High Resolution:
Oo

File Kasamang:
JavaScript JS , HTML , CSS

Keyword