Application mobile Revolution LightboxApplication mobile Revolution Lightbox

Voir la démoAcheter $14

- Voir Plus d'information - le script

Gridfolio réactif - 2

Gridfolio réactif - 3

Gridfolio réactif - 4

ACHETEZ TOUS NOS PRODUITS DANS UN MEGA BUNDLE AVEC UN REMISE DE 90% !!! CECI EST UNE OFFRE LIMITÉE, alors dépêchez-vous et saisissez-la !!! : https://codecanyon.net/item/fwd-mega-bundle/19117054

Gridfolio réactif - 5

Nous avons publié une version meilleure et plus complète sur le lien suivant: http://codecanyon.net/item/ultimate-grid-pro/14039086

Date de sortie de la version 1.2 27.09.2013

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

Date de sortie de la version 1.1 24.07.2013

  • Prise en charge de plusieurs catégories, bien sûr, il peut toujours être utilisé avec une seule catégorie comme auparavant.
  • Prise en charge de Lightbox Iframe.
  • Ouverture automatique de la description de la Lightbox (ouvrir la description de l’élément sans appuyer sur le bouton info).
  • Ajout d’un moyen supplémentaire de fermer la lightbox en appuyant en dehors de la zone de l’élément.
  • Ajout de la prise en charge des événements MSPointer pour Windows8 Mobile.
  • Ajout de six skins supplémentaires.

Caractéristiques principales:

le Gridfolio réactif a une mise en page fluide / flexible / réactive. Fondamentalement, la grille est ajoutée dans une page html dans un div de votre choix et elle s’adapte en fonction de la largeur de cette div, la hauteur de la grille est modifiée en fonction des vignettes et si d’autres éléments sont en dessous de la div de la grille, ils seront automatiquement poussés vers le bas (document couler). 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 (veuillez noter que le code de ces exemples est fourni dans les fichiers de téléchargement).

La galerie peut contenir n’importe quel nombre d’images et chaque image peut être de n’importe quelle taille, mais proportionnelle à une largeur et une hauteur de pouce de base. Lorsque vous appuyez sur une vignette, vous pouvez choisir d’afficher un lightbox média d’origine que nous avons codé, ou pour ouvrir une nouvelle page Web, l’url et la cible de cette page Web peuvent être spécifiées. La lightbox peut afficher des images ou afficher des vidéos chargées depuis YouTube ou Vimeo.

Code JavaScript POO pur, aucune utilisation de jQuery ou d’autres bibliothèques, de cette façon, il n’y aura aucune incompatibilité avec les pages HTML qui pourraient utiliser jQuery ou d’autres bibliothèques JavaScript.

le Gridfolio réactif utilise le GPU (accélération matérielle) en utilisant les normes HTML5. La vitesse de rendu et les performances sont impeccables sur les ordinateurs de bureau et surtout sur les appareils mobiles, la façon dont cela fonctionne essaiera d’utiliser CSS3 et si ce n’est pas disponible, il tombera en CSS2 ou CSS1 pour les navigateurs plus anciens comme IE7 et IE8.

Excellentes performances sur les appareils mobiles, vous pouvez voir dans la démo vidéo qu’elle fonctionne comme une application native !, elle a été codée et optimisée pour les appareils mobiles et elle est 100% compatible avec les appareils mobiles et bien sûr, elle fonctionnera tout aussi bien sur les ordinateurs de bureau y compris sur les navigateurs plus anciens comme IE7 et IE8. Nous l’avons testé sur IPAD3 (ios) et sur un SAMSUNG GALAXY S3 (Android) et il fonctionne très bien sur les deux appareils, voici les liens pour voir ces démos. Regardez la démo fonctionnant sur Samsung Galaxy S3 (Android) ou Regardez la démo exécutée sur IPAD (IOS).

Caractéristiques principales de la grille:

Disposition réactive / flexible / fluide: vous pouvez contrôler la taille de la grille avec CSS ou JavaScript, fondamentalement, il a une mise en page adaptable qui en fait le candidat idéal pour tout type de projet.

Prise en charge de n’importe quel nombre d’images et chaque image peut être de n’importe quelle taille, mais proportionnelle à une largeur et une hauteur de base du pouce

L’ensemble du thème de couleur peut être modifié.

Taille et géométrie des vignettes personnalisables: cette fonction vous permet de modifier la taille des vignettes et l’espace entre les vignettes.

Bordure et arrière-plan de vignettes personnalisables: chaque vignette peut avoir une bordure et un arrière-plan, la couleur d’arrière-plan de la vignette, la taille de la bordure et la couleur de la bordure sont personnalisables, la couleur de la bordure des vignettes peut également être interpolée d’une couleur normale à une couleur sélectionnée.

Description de la vignette ou icônes multimédias des vignettes: chaque pouce peut avoir une brève description avec un fond transparent en dessous ou une icône multimédia qui représente un lien, une vidéo ou une image, cela est visible 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ée (facultatif).

« Charger plus de miniatures »: c’est une fonctionnalité géniale qui améliore les performances globales et la vitesse de chargement car de cette manière toutes les vignettes ne sont pas chargées et affichées en même temps. Par exemple, si vous avez un total de 120 vignettes, vous pouvez les afficher dans des ensembles de 50 vignettes, et donc initialement dans la grille, le premier ensemble de 50 vignettes est chargé et affiché, et lorsque le bouton « charger plus de vignettes » est pressé le suivant un ensemble de 50 vignettes est chargé et affiché, et enfin lorsque le bouton «charger plus de vignettes» est à nouveau pressé, les 20 vignettes restantes sont affichées. Le nombre de vignettes à charger par ensemble est personnalisable, il ne doit pas nécessairement être de 50, il peut s’agir de n’importe quel nombre que vous considérez. Cette fonction est facultative, si elle est désactivée, toutes les vignettes sont chargées et affichées.

Action de vignette de presse personnalisée: lorsque vous appuyez sur une vignette, vous pouvez choisir d’afficher une visionneuse multimédia originale que nous avons codée, ou d’ouvrir une nouvelle page Web, l’url et la cible de cette page Web peuvent être spécifiées. La lightbox peut afficher des images ou afficher des vidéos chargées depuis YouTube ou Vimeo.

Caractéristiques principales de Lightbox:

Disposition réactive / flexible / fluide: la lighbox remplira toujours la fenêtre du navigateur disponible.

L’ensemble du thème de couleur peut être modifié.

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

Prise en charge du zoom et du panoramique pour les images: vous pouvez effectuer un zoom avant et arrière sur une image et vous pouvez effectuer un panoramique de l’image, de cette façon, vous pouvez voir l’image avec beaucoup de détails (facultatif).

Diaporama bouton (facultatif).

Retard du diaporama, le délai du diaporama peut être réglé en secondes.

Lecture automatique du diaporama.

Graphiques animés personnalisés de diaporama.

Navigation par boutons suivant et précédent (facultatif).

Bouton d’informations et fenêtre d’informations: chaque élément de la lighbox peut avoir une description, le texte et l’apparence de la fenêtre peuvent être formatés avec CSS (facultatif).

Bordure et arrière-plan personnalisables: la taille et la couleur de la bordure ainsi que la couleur de fond principale sont personnalisables.

Prise en charge du clavier: les flèches gauche et droite peuvent être utilisées pour la navigation (facultatif).

Ce que nos clients disent:

Gridfolio réactif - 6

Gridfolio réactif - 7

Gridfolio réactif - 8

Gridfolio réactif - 9

MISES À JOUR

07.03.2013 – Correction d’un bug lié à la lightbox lors d’un zoom sur Chrome et meilleure détection pour les appareils mobiles.

Gridfolio réactif - 10

Laisser un commentaire