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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Suivez Envato Suivez FACEBOOK

Version Date de sortie 1,2 27/09/2013

  • Correction de bugs liés à IE8.
  • Correction de bugs liés à la dernière mise à jour de l'IOS et Android.
  • Amélioration des performances mobiles.

Version 1.1 Date de sortie 24/07/2013

  • Support de plusieurs catégories, bien sûr, il peut encore être utilisé avec une seule catégorie comme avant.
  • Soutien Lightbox Iframe.
  • Description de la visionneuse AutoOpen (ouvert de description de l'objet sans appuyer sur la touche info).
  • Ajouté un moyen supplémentaire pour fermer la visionneuse en appuyant sur l'extérieur de la zone de l'article.
  • Ajout du support pour les événements MSPointer pour windows8 mobile.
  • Ajouté six peaux supplémentaires.

Caractéristiques principales:

Le Responsive Gridfolio a une disposition fluide / flexible / réactif. Fondamentalement, la grille est ajouté dans une page html dans un div de votre chosing et il est adaptant repose de la largeur de cette div, la hauteur de la grille est modifié en fonction sur les vignettes et si d'autres éléments sont en dessous de la div de la grille ils seront enfoncé automatiquement (document écoulement). Dans les exemples fournis vous pouvez voir quelques façons dont vous pourriez utiliser cette grille, bien sûr que d'autres configurations sont possibles (se il vous plaît noter que le code de cette exemples sont fournis dans les fichiers de téléchargement).

La galerie peut avoir ne importe quel nombre d'images et chaque image peut être de toute taille, mais proportionnelle à une largeur base du pouce et la hauteur. Lorsqu'une miniature est pressé vous pouvez choisir d'afficher une visionneuse de média d'origine que nous avons codé, ou pour ouvrir une nouvelle page Web, l'URL et la cible de cette page peut être spécifié. La visionneuse peut afficher des images, ou peut afficher des vidéos chargées depuis YouTube ou Vimeo.

Pur POO code JavaScript, pas d'utilisation de jQuery ou d'autres bibliothèques, de cette façon il n'y aura pas des incompatibilités avec des pages HTML qui pourraient utiliser jQuery ou d'autres bibliothèques JavaScript.

Le Responsive Gridfolio utilise le GPU (accélération matérielle) en utilisant les normes HTML5. La vitesse et les performances de rendu est impeccable sur les ordinateurs de bureau et surtout sur ​​les appareils mobiles, la façon dont il fonctionne, il va essayer d'utiliser CSS3 et si ce ne est pas disponible, il sera bas automne pour CSS2 ou CSS1 pour les anciens navigateurs comme IE7 et IE8.

Grande performance sur les appareils mobiles, vous pouvez voir dans la vidéo de démonstration qu'il se exécute comme une application native!, il a été codé et optimisé pour les appareils mobiles et il est 100% mobile compatible et bien sûr il fonctionnera tout aussi grande sur les ordinateurs de bureau y compris sur les navigateurs plus anciens comme IE7 et IE8. Nous avons testé sur IPAD3 (iOS) et sur ​​un Samsung Galaxy S3 (Android) et il fonctionne très bien sur les deux appareils, ci-dessous sont les liens pour voir ce démos. Voir la démo fonctionnant sur ​​Samsung Galaxy S3 (Android) ou Voir la démo fonctionnant sur IPAD (IOS).

Grille principales caractéristiques:

Flexible mise Responsive / / Fluide: vous pouvez contrôler la taille de la grille avec CSS ou JavaScript, fondamentalement, il a une disposition adaptables qui en fait le candidat idéal pour tout type de projet.

Soutien à ne importe quel nombre d'images et chaque image peut être de toute taille, mais proportionnelle à une largeur base du pouce et la hauteur

Le thème de couleur entier peut être modifié.

Vignettes personnalisables taille et la géométrie: cette fonctionnalité vous permet de modifier la taille des vignettes et l'espace entre les vignettes.

Personnalisable vignettes bordure et le fond: chaque vignette peuvent avoir une bordure et un fond, la couleur de fond de la vignette, la taille de la frontière et la couleur de la frontière sont personnalisables, aussi la couleur des vignettes à la frontière peut être interpolée depuis une couleur normale à une couleur sélectionnée..

De icônes description ou vignettes médias Miniature: chaque pouce peut avoir une brève description avec un fond transparent sous ou une icône des médias, qui représente un lien, la vidéo ou l'image, ce sont visibles lorsque la souris est sur ​​une vignette, le texte peut être formaté avec CSS, la couleur de fond et l'opacité peut également être modifié (en option).

"Charger plus de miniatures disposent»: ce est un dispositif impressionnant qui améliore la performance globale et la vitesse de chargement car de cette manière ne sont pas tous les vignettes sont chargées et affichées à la fois. Par exemple, si vous avez un total de 120 vignettes vous pouvez leur montrer dans des ensembles de 50 vignettes, et ainsi d'abord dans la grille de la première série de 50 vignettes sont chargés et affichée, et quand la «charge plusieurs vignettes" est enfoncée la prochaine ensemble de 50 vignettes chargé et affiché, et enfin lorsque le bouton "charge plus des miniatures" est pressé de nouveau les 20 vignettes restantes sont montré. Le nombre de vignettes pour charger par jeu est personnalisable, il n'a pas à être de 50, il peut être ne importe quel nombre que vous considérez. Cette fonctionnalité est facultative, se il est désactivé toutes les vignettes sont chargées et affichées.

Personnalisé action press vignette: quand une vignette est pressé vous pouvez choisir d'afficher une visionneuse de média d'origine que nous avons codé, ou pour ouvrir une nouvelle page Web, l'URL et la cible de cette page peut être spécifié. La visionneuse peut afficher des images, ou peut afficher des vidéos chargées depuis YouTube ou Vimeo.

Lightbox caractéristiques principales:

Flexible mise Responsive / / Fluid: la lighbox sera toujours remplir le navigateur fenêtre disponible.

Le thème de couleur entier peut être modifié.

Vimeo et YouTube: tout ce que vous avez à faire est d'inclure le lien à partir de YouTube ou Vimeo vidéo que vous souhaitez afficher et lighbox se afficher et lire votre vidéo. La taille (largeur et hauteur) de chaque vidéo peut être réglée facilement.

Zoom panoramique et le soutien pour les images: vous pouvez zoomer et dézoomer une image et vous pouvez déplacer l'image, de cette façon vous pouvez voir l'image en grand détail (en option).

bouton Diaporama (facultatif).

Diaporama retard, le retard du diaporama peut être réglée par seconde.

Diaporama autoplay.

Diaporama graphiques animées personnalisées.

Suivant et précédent boutons de navigation (en option).

Infos bouton et infos fenêtre: chaque élément de lighbox peut avoir une description, l'apparence du texte et la fenêtre peut être formatée avec CSS (en option).

Frontière personnalisable et le fond: la taille de la bordure et la couleur et aussi la principale couleur de fond sont personnalisables.

Support clavier: les flèches gauche et droite peuvent être utilisés pour la navigation (en option).

MISES À JOUR

07.03.2013 - Correction d'un bug lié à la visionneuse quand il est zoomée sur Chrome et une meilleure détection pour les appareils mobiles.


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
18 Février 13

Dernière mise à jour:
28 Septembre 13

Haute Résolution:
Oui

Navigateurs compatibles:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Fichiers inclus:
JS JavaScript, HTML, CSS

Mots-clés

eCommerce, tous les é, lé, ments, Android, app, dynamique, flexible, fliudwidth, plein é, cran, galerie, grille, gridfolio, iframe, iOS, multimé, dia, sensibles, les vignettes, youtube