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 Gridfolio

— Add -On per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Seguiu Envato Seguiu FACEBOOK

Versió 1.2 Data de llançament 2013.09.27

  • Corregits errors relacionats amb IE8.
  • Corregits errors relacionats amb l'última actualització de iOS i Android.
  • Millora el rendiment mòbil.

Versió 1.1 Data de llançament 07/24/2013

  • Suport per a múltiples categories, per descomptat que encara es pot utilitzar amb una sola categoria com abans.
  • Suport Lightbox Iframe.
  • Descripció Lightbox AutoOpen (descripció de partides obertes sense necessitat de prémer el botó d'informació).
  • Afegit una manera extra per tancar la caixa de llum prement fora de l'àrea article.
  • Afegit suport per a esdeveniments MSPointer per mòbil windows8.
  • Afegit 06:00 pells extra.

Característiques principals:

El Responsive Gridfolio 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 d'ample d'aquest div, l'alçada de la reixeta es modifica en funció de les miniatures i si altres elements estan per sota de la div quadrícula que serà empès cap avall automàticament (document flux). En els exemples que es poden veure algunes de les formes en les que pot utilitzar aquesta xarxa, per descomptat que són possibles altres configuracions (si us plau, tingui en compte que es proporciona el codi d'aquests exemples en els arxius de descàrrega).

La galeria pot tenir qualsevol nombre d'imatges i cada imatge pot ser de qualsevol mida, però proporcional a una amplada i alçada polze base. Quan es prem 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.

Programació orientada a objectes pur codi JavaScript, sense ú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 Gridfolio 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 intentarà usar CSS3 i si aquest 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 gran en equips d'escriptori incloent en els navegadors més antics, com IE7 i IE8. Ho hem provat en iPad3 (IOS) i en un SAMSUNG GALAXY S3 (androide) i funciona molt bé en tots dos dispositius, a continuació són els enllaços per veure aquesta donem. Veure demostració s'executa en Samsung Galaxy S3 (androide) o Veure demostració s'executa en IPADE (IOS).

Quadrícula principals característiques:

Disseny Responsive / 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.

Suport per a qualsevol nombre d'imatges i cada imatge pot ser de qualsevol mida, però proporcional a l'amplada i l'alçada de la base del polze

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, color de fons de la imatge, la mida de la vora i el color de la frontera són personalitzables, també el color miniatures frontera pot ser interpolada des d'un color normal d'un color seleccionat..

D'icones Descripció o miniatures de mitjans de comunicació en miniatura: cada polze pot tenir una breu descripció amb un fons transparent en virtut del mateix o una icona de mitjans de comunicació que representa un enllaç, vídeo o imatge, això són visibles quan el ratolí està sobre una miniatura, el text pot ser formatat amb CSS, el color i l'opacitat de fons pot també ser modificat (opcional).

"Carregar més miniatures compten": aquesta és 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 en la xarxa està carregat la primera sèrie de 50 imatges en miniatura i apareix, i quan els "carregar més miniatures" es prem el botó 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 prem una miniatura, podrà optar 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.

La taula de llum principals característiques:

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

Tot el tema de color pot ser modificat.

Vimeo i el suport 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 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ó de diapositives es pot configurar en qüestió de segons.

Presentació de reproducció automàtica.

Slide gràfics animats personalitzats.

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

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

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

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

ACTUALITZACIONS

2013.07.03 - Correcció d'error relacionat amb la llum quan es fa zoom en Chrome i una millor detecció dels dispositius mòbils.


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

Propietats

Creat:
18 feb 13

última actualització:
28 set 13

alta resolució:

Navegadors compatibles:
IE7, IE8, IE9, IE10, EI11, Firefox, Safari, Opera, Chrome, Arxius inclosos

Paraules clau

comerç, electrò, nic, tots els articles, android, app, dinà, mics, flexibles, fliudwidth, a pantalla completa, galeria, reixeta, gridfolio, iframe, iOS, multimè, dia, sensibles, miniatures, youtube