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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

El Responsive Presentació Galeria té un disseny fluid / flexible / resposta. Bàsicament la xarxa s'afegeix a una pàgina HTML en un div de la seva chosing i s'està adaptant basa de l'amplada d'aquest div, l'alçada de la reixeta es modifica en funció de la quantitat de miniatures i si altres elements estan per sota de la div quadrícula que serà empès cap avall de forma automàtica (flux de documents). En els exemples proporcionats es pot veure algunes de les formes en les que pot utilitzar aquesta xarxa, per descomptat que són possibles altres configuracions (si us plau, tingueu en compte que es proporciona el codi d'aquests exemples en els arxius de descàrrega).

Programació orientada a objectes pur codi JavaScript, sense l'ús de jQuery o altres biblioteques, d'aquesta manera no hi haurà incompatibilitats amb pàgines HTML que pugui estar utilitzant jQuery o altres biblioteques JavaScript.

El Responsive Presentació Galeria està utilitzant la GPU (acceleració de maquinari) utilitzant estàndards HTML5. La velocitat i el rendiment de la representació és impecable en equips d'escriptori i el més important en els dispositius mòbils, la forma en què funciona aquest tractarà d'usar CSS3 i si això no està disponible ho farà fins a la tardor per CSS2 o CSS1 per als navegadors més antics, com IE7 i IE8.

Gran rendiment en els dispositius mòbils, es pot veure al vídeo de demostració que s'executa com una aplicació nativa!, Que va ser codificat i optimitzat per a dispositius mòbils i és 100% mòbil compatible i per descomptat que funcionarà igual de bé en els ordinadors d'escriptori incloent en els navegadors més antics, com IE7 i IE8. Hem provat en iPad3 (IOS) i en un SAMSUNG GALAXY S3 (androide) i funciona molt bé en tots dos dispositius, a continuació hi ha els enllaços per veure aquesta donem.
Veure demostració s'executa en Samsung Galaxy S3 (androide) o Veure demostració s'executa en iPad (iOS).

GRID PRINCIPALS CARACTERÍSTIQUES

Disseny flexible / fluid: es pot controlar la mida de la quadrícula amb CSS o JavaScript, bàsicament, té un disseny adaptable que fa que sigui el candidat perfecte per a qualsevol tipus de projecte.

Tot el tema de color pot ser modificat.

Mida personalitzable miniatures i la geometria: aquesta funció li permet canviar la mida de les miniatures i l'espai entre les miniatures.

Miniatures Personalitzable vora i el fons: cada miniatura poden tenir una vora i un fons, el color de fons de la imatge, la mida de la frontera i el color de la frontera són adaptables.

Descripció de Miniatura: cada polze pot tenir una breu descripció amb un fons transparent sota d'ella i aquesta descripció és visible quan el ratolí està sobre una miniatura, el text es pot formatar amb CSS, el color i l'opacitat de fons també poden ser modificats (opcional).

"Carregar més miniatures compten": es tracta d'una característica impressionant que millora el rendiment general i la velocitat de càrrega perquè d'aquesta manera no totes les miniatures es carreguen i es mostren alhora. Per exemple, si vostè té un total de 120 imatges en miniatura es pot mostrar en conjunts de 50 miniatures, i així inicialment a la xarxa està carregat la primera sèrie de 50 miniatures i es mostren, i quan els "carregar més miniatures" es prem la següent conjunt de 50 imatges en miniatura es carrega i es mostra, i, finalment, quan es prem el botó "carregar més miniatures" de nou les 20 miniatures restants es va mostrar. El nombre d'imatges en miniatura per carregar per joc és personalitzable, que no ha de ser de 50 pot ser qualsevol nombre que es té en compte. Aquesta funció és opcional, si està desactivat totes les miniatures es carreguen i es mostren.

Custom acció premsa miniatura: quan es pressiona una miniatura pot triar ja sigui per mostrar una caixa de llum mitjà original que hem codificat, o per obrir una nova pàgina web, l'URL i l'objectiu d'aquesta pàgina web es pot especificar. La llum pot mostrar imatges, o pot mostrar vídeos carregats des de YouTube o Vimeo.

Àlbum PRINCIPALS CARACTERÍSTIQUES

Disseny flexible / fluid: la lighbox sempre omplirà la finestra del navegador disponible.

Tot el tema de color pot ser modificat.

Vimeo i el suport de YouTube: tot el que has de fer és incloure l'enllaç de YouTube o Vimeo vídeo que voleu mostrar i la lighbox mostrarà i reproduir el vídeo. La mida (amplada i alçada) de cada vídeo es pot ajustar fàcilment.

Zoom i pane de suport per a les imatges: es pot apropar i allunyar una imatge i es pot desplaçar la imatge, d'aquesta manera es pot veure la imatge amb gran detall (opcional).

Botó Presentació (opcional).

Retard de diapositives, el retard de la presentació es pot configurar en qüestió de segons.

Presentació de reproducció automàtica.

Slide gràfics animats personalitzat.

Botons de navegació a Següent i anterior (opcional).

Informació del botó i la finestra d'informació: cada element lighbox pot tenir una descripció, el ​​text i la finestra d'aparença pot ser formatat amb CSS (opcional).

Personalitzable frontera i el fons: la mida i color de la vora i el color principal fons són adaptables.

Suport de teclat: la fletxes esquerra i dreta es poden utilitzar per a la navegació (opcional).

ACTUALITZACIONS

02/19/2013 - Hem afegit una nova característica a aquesta xarxa, l'opció d'agregar icones dels mitjans sobre les imatges quan es seleccionen, ara vostè pot triar entre la descripció miniatures, icones dels mitjans o "cap" quan es selecciona una miniatura.

2013.07.03 - S'han solucionat alguns errors relacionats amb la llum i ha afegit un millor suport per a la detecció mòbil.


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Gener 15 13

Darrera actualització:
Març 8 13

Alta resolució:

Els navegadors compatibles:
IE7, IE8, IE9, IE10, EI11, Firefox, Safari, Opera, Chrome

Arxius inclosos:
JavaScript JS, HTML, CSS

Paraules clau

eCommerce, eCommerce, Tots els Articles, CSS3, dinà, mica, flexible, fluid, quadrí, cula, html5, caixa de llum, mitjans de comunicació, sensible, vimeo, youtube