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 om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Draggable Infinite Grid met Lightbox - WorldWideScripts.net Item te koop

Ads

Ad: Bluehost hosting

HetOneindige Foto -tabel met Lightboxheeft een vloeistof / flexibel / responsief layout . In principe is het rooster wordt toegevoegd in een HTML-pagina in een div van uw keuze en het past zich op basis van de breedte en hoogte van die div . In de voorbeelden die je kunt zien een paar manieren waarop je zou dit raster te gebruiken, natuurlijk dat andere configuraties mogelijk ( let op: de voorbeelden zijn te vinden in de download -bestanden ) .

Pure OOP JavaScript-code, geen gebruik van jQuery of andere bibliotheken, op deze manier zullen er geen conflicten met HTML-pagina's die gebruikmaken van jQuery of andere JavaScript-bibliotheken .

HetOneindige Foto -tabel met Lightboxgebruikt de GPU( hardware acceleratie )gebruiktHTML5 normenDe rendering snelheid en prestaties zijn onberispelijk op desktop computers en vooral op mobiele apparaten . het werkt op de volgende manier : het zal proberen om CSS3 te gebruiken en indien dit niet beschikbaar is, zal naar beneden vallen aan CSS2 of CSS1 voor oudere browsers zoalsIE7enIE8.

Eenvoudige installatie en volledige documentatie, Het rooster afspeellijst is opgebouwd uit <ul> elementen die maakt het gemakkelijk op te zetten of handmatig moeten worden gegenereerd uit een database of een ander type van data structuur, kan dit net worden geïnstalleerd en gebruikt door ontwerpers of ontwikkelaars met gemak .

Geweldige prestaties op mobiele apparaten, kunt u zien in de video demo die het loopt net als een native app!, Het was gecodeerd en geoptimaliseerd voor mobiele apparaten en het is 100 % mobiel compatible en natuurlijk is het net zo groot zal draaien op desktop computers waaronder op oudere browsers zoals IE7 en IE8 . We hebben het getest op IPAD3 en op een Samsung Galaxy S3 ( Android ) en het loopt geweldig op beide apparaten, hieronder staan ​​de links naar deze demo's bekijken .

Bekijk de demo draaien op Samsung Galaxy S3 ( android )ofBekijk de demo draait op iPad ( IOS ) .

GRID HOOFDEIGENSCHAPPEN

Flexibel / Fluid layout: U kunt de grootte van het raster met CSS of JavaScript beheersen; eigenlijk het heeft een flexibele indeling, waardoor het de perfecte kandidaat voor elk type project maakt .

Vier soorten weergave zijn opgenomen : vloeistof breedte, volledig scherm, flexibel en lichttafel ( check out voorbeelden ! ) .

De gehele kleurenthema en de huid kan worden gewijzigd .

Unieke manier van het weergeven van uw foto's !In principe is het rooster kan onbeperkt worden gesleept in elke richting en nieuwe miniaturen wordt weergegeven, is er een complex wiskundig algoritme achter de motorkap van dit raster die dit mogelijk maakt . Ondersteuning voor groot aantal beelden .

Aanpasbare miniaturen geometrie en kleur thema : deze functie kunt u de grootte van de thumbnails ' en de achtergrondkleur te veranderen .Thumbnail transparante overlayeen transparante gekleurde doos die lijkt op een miniatuur als het niet is geselecteerd, de kleur en de dekking voor dit vak zijn aanpasbaar ( optioneel ) .

Thumbnail kleine pictogrammenkleine pictogrammen die verschijnen als een miniatuur wordt geselecteerd, deze pictogrammen zijn van drie soorten ( video, link en afbeelding ) ( optioneel ) .

Aangepaste pers thumbnail actie :wanneer een miniatuur wordt ingedrukt kunt u ervoor kiezen om een originele media lichttafel die wij hebben gecodeerd weer te geven of om een nieuwe webpagina te openen, kan de URL en het doel van deze webpagina worden vermeld . De lichttafel kunnen afbeeldingen worden weergegeven, of het kan video's gedownload van YouTube of Vimeo geven .

Navigatie geanimeerde Help-schermen ( optioneel ) .

Muiswiel ondersteuning, kan de scrollrichting worden ingesteld op verticale of horizontale ( optioneel ) .

Fullscreen -knop ( optioneel ) .

LIGHTBOX HOOFDKENMERKEN .

Flexibel / Fluid indelingde lighbox zal altijd vullen de beschikbare browser viewport .

De volledige kleur thema kan worden gewijzigd .

Vimeo en YouTube ondersteuning :alles wat je hoeft te doen is om de link van YouTube of Vimeo video die u wilt weergeven en de lighbox zal weergeven en afspelen van uw video bevatten . De grootte ( breedte en hoogte ) van elke video kan eenvoudig worden ingesteld .Zoom en panning -ondersteuning voor afbeeldingenu kunt in-en uitzoomen van een afbeelding en u kunt de afbeelding verschuiven, op deze manier je de afbeelding in groot detail ( optioneel ) kan zien .

Slideshowknop ( optioneel ) .

Slideshow vertraging, kan de vertraging van de diashow worden ingesteld in seconden .

Diashow afspelen .

Slideshow aangepaste animaties .

Volgende en vorige knoppen navigatie ( optie) .

Info -knop en info window :elke lighbox punt kan een beschrijving hebben, kunnen de tekst en raam verschijning worden geformatteerd met CSS ( optioneel ) .

Aanpasbare grens en achtergrondde grens grootte en kleur en ook de belangrijkste achtergrond kleur is klantgericht .

Toetsenbord ondersteuningde linker en rechter pijlen kunnen worden gebruikt voor navigatie ( optioneel ) .

UPDATES

2013/03/27 - Fixed bugs gerelateerd aan Windows8 metro en desktop .

2013/02/07 - Toegevoegd een functie die het mogelijk maken het net verticaal worden gesleept, horizontaal of beide .

2013/06/03 - Vast een reeks bugs en toegevoegde ondersteuning voor muiswiel, op deze manier het rooster kan horizontaal of verticaal met het muiswiel ( optioneel ) worden gescrold .


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Aangemaakt:
5 februari 13

Laatste Update:
28 maart 13

Compatibel Browsers:
IE7 , IE8 , IE9 , IE10 , Firefox , Safari , Opera , Chrome

Software Version:
HTML5

hoge resolutie:
Ja

Files Inbegrepen:
JavaScript JS , HTML , CSS

Trefwoorden