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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Responsive Slideshow Photo Gallery on neste / joustava / herkkä layout. Periaatteessa verkkoon lisätään osaksi html-sivun div oman chosing ja se Sopeutuminen perustuu kyseisen div n leveys, grid korkeus muutetaan perustuu Pienoiskuvien määrää ja jos muut elementit ovat listan alapuolella div ne painetaan alas automaattisesti (asiakirja virtaus). Esimerkeissä jos näet muutamia tapoja, joilla voit käyttää tätä verkkoon, tietenkin, että muut konfiguraatiot ovat mahdollisia (huomaa, että koodi tämän esimerkit annetaan ladata tiedostoja).

Pure OOP JavaScript-koodi, ei käyttö jQuery tai muissa kirjastoissa, näin ei tule yhteensopimattomuutta HTML-sivuja, jotka saattavat käyttää jQuery tai muita JavaScript-kirjastoja.

Responsive diaesitys Photo Gallery käyttää GPU (kiihdytystä) HTML5 standardit. Sivujen latautumista ja suorituskyky on moitteeton pöytätietokoneissa ja mikä tärkeintä mobiililaitteissa, miten se toimii se yrittää käyttää CSS3, ja jos tämä ei ole saatavilla, se alas syksyllä CSS2 tai CSS1 vanhemmille selaimille kuten IE7 ja IE8.

Suuri suorituskyky mobiililaitteissa, voit nähdä video demoon, että se toimii aivan kuin syntyperäinen app!, se oli koodattu ja optimoitu mobiililaitteille ja se on 100% mobiili yhteensopiva ja tietysti se toimii aivan yhtä suuri pöytätietokoneissa myös vanhemmissa selaimissa, kuten IE7 ja IE8. Olemme testanneet sitä IPAD3 (iOS) ja Samsung Galaxy S3 (Android) ja se toimii hyvin molemmissa laitteissa, alla on linkkejä nähdäksesi tämän demoja.
Katso esittely käynnissä Samsung Galaxy S3 (Android) tai Katso esittely käynnissä iPad (IOS).

GRID PÄÄOMINAISUUDET

Joustava / neste layout: voit valvoa koko ruudukko CSS tai JavaScript, pohjimmiltaan se on mukautuva ulkoasu, joka tekee siitä täydellisen ehdokas tahansa hankkeen.

Koko väriteema voidaan muuttaa.

Muokattavissa pikkukuvat koko ja geometria: Tämän toiminnon avulla voit muuttaa kokoa pikkukuvia ja väli pikkukuvia.

Muokattavissa pikkukuvat raja ja tausta: jokainen thumbnail voi olla raja ja tausta, pientä taustaväri, raja koon ja raja väri ovat muokattavissa.

Thumbnail kuvaus: jokainen peukalo voi olla lyhyt kuvaus, jossa on läpinäkyvä tausta alle ja tämä kuvaus on näkyvissä, kun hiiri on pientä, teksti voidaan muotoilla CSS, taustaväri ja peittävyyden myös voidaan modifioida (lisävaruste).

"Lataa lisää thumbnails ominaisuus": tämä on mahtava ominaisuus, joka parantaa yleistä suorituskykyä ja nopeutta lastaus koska tällä tavalla kaikki pikkukuvat ladataan ja näytetään kerralla. Esimerkiksi jos sinulla on yhteensä 120 pikkukuvia voit näyttää niitä sarjaa 50 pikkukuvat, ja niin aluksi verkkoon ensimmäiset 50 pikkukuvat ladataan ja näytetään, ja kun "lataa lisää esikatselukuvat" painiketta painetaan seuraavan sarja 50 pikkukuvat ladataan ja näytetään, ja lopulta kun "lataa lisää esikatselukuvat" painetaan uudelleen 20 jäljellä pikkukuvat osoitti. Pienoiskuvien määrän ladata sarjaa kohti on muokattavissa, se ei tarvitse olla 50 se voi olla mikä tahansa luku, että pidätte. Tämä ominaisuus on valinnainen, jos se on poistettu käytöstä kaikki pikkukuvat ladataan ja näytetään.

Custom paina pientä toiminta: Kun pienoiskuva painetaan voit valita joko näyttää alkuperäistä mediaa lightboxiin jotka olemme koodattu, tai avata uuden verkkosivun, url ja tavoite verkkosivun voidaan määrittää. Lightboxiin voi näyttää kuvia, tai voi näyttää videoita ladataan YouTube- tai Vimeo.

LightBox PÄÄOMINAISUUDET

Joustava / neste layout: lighbox aina täyttää käytettävissä selaimen viewport.

Koko väriteema voidaan muuttaa.

Vimeo ja YouTuben tuki: kaikki mitä sinun tarvitsee tehdä on sisällyttää linkin YouTubesta tai Vimeo jotka haluat näyttää ja lighbox näyttää ja toistaa videon. Koko (leveys ja korkeus) jokaisen video voidaan asettaa helposti.

Zoom ja panoroinnin tukee kuvia: voit lähentää ja loitontaa kuvan ja voit panoroida kuvan, näin näet kuvan hyvin yksityiskohtaisesti (lisävaruste).

Kuvaesityspainikkeen (lisävaruste).

Diaesitys viive, viive diaesitys voidaan asettaa sekunnissa.

Diaesitys autoplay.

Diaesitys custom animoitua grafiikkaa.

Seuraava ja edellinen-painikkeet navigointi (lisävaruste).

Tiedot-painiketta ja info ikkuna: jokainen lighbox tuote voi olla kuvaus, tekstin ja ikkuna ulkonäkö voidaan muotoilla CSS: llä (valinnainen).

Muokattavissa raja ja tausta: raja kokoa ja väriä myös tärkein taustaväri ovat muokattavissa.

Näppäimistö tuki: vasenta ja oikeaa nuolta voidaan käyttää navigointiin (lisävaruste).

PÄIVITYKSET

19.02.2013 - Olemme lisänneet uuden ominaisuuden tähän verkkoon, mahdollisuus lisätä media kuvakkeet yli pikkukuvat, kun ne on valittu, nyt voit valita välillä pikkukuvia kuvaus, media kuvakkeet tai "ei mitään", kun pikkukuva on valittu.

07.03.2013 - Korjatuksi liittyvät lightboxiin ja lisätään parempaa tukea mobiili havaitsemiseen.


Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
15 tammikuu 13

Viimeisin päivitys:
08 maaliskuu 13

Korkea resoluutio:
Kyllä

Yhteensopiva Selaimet:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Tiedostoja mukana:
JavaScript JS, HTML, CSS

Avainsanoja

eCommerce, eCommerce, Kaikki tuotteet, CSS3, dynaaminen, joustava, neste, ruudukko, HTML5, lightboxiin, tiedotusvä, lineet, herkkä, Vimeo, youtube