LARSENE'S ELEMENTS

Element Image Splendide
un élément complémentaire pour OpenElement permettant de travailler differemment avec les images, avec intégration de lien vers des pages ou vers des éléments de la bibliothèque, cirectement dans OpenElement sans code complémentaire, directement dans l'interface de travail de OpenElement
Exemples
Présentation de l'élément
Achat
Historique
Autre page de démonstration

1 - Exemples

© Freepic.com
© Freepic.com
© Freepic.com
© Freepic.com
© Freepic.com
© Freepic.com
© Freepic.com
Légende 
de l'image
© Freepic.com
© Freepic.com
Légende 
de l'image


Légende 
en haut
Légende 
de l'image
Légende 
de l'image
Légende 
de l'image
Légende 
de l'image


Translation
haute

Autres effets (non supportés dans InternetExplorer <10)

Effet Flou
Désaturer
Sepia
Saturation
Zoom Long

Nouveau : masquage

Ces masques s'affichent au survol, ou de façon permamente sur l'image, et peuvent être combinés avec tous les effets ci-dessus.
© Freepic.com
© Freepic.com



Nouveau ! Exemple avec ouverture LightBox

Les illustrations de cette pages sont issues du site www.freepik.com qui propose des images libres de droits magnifiques !

2 - Présentation de l'élément

Usage simple et direct

L'élément complémentaire prend place dans Open Element, parmi les éléments standards. Il s'utilise comme les autres éléments de OpenElement, par Glisser-Déposer sur la page
Nombreux effets et réglages

Les réglages de l'élément se font dans l'onglet "Propriétés" de l'élément, pas besoin de saisir de code HTML ou CSS pour l'utiliser.

Il s'intègre parfaitement avec l'ensemble des autres options de OpenElement, tout en bénéficiant des réglages de transition fluide permettant des animations esthétiques
Une sélection aisée des zones de travail

Le réglage de la légende se fait simplement en accédant à la zone de style depuis le menu ruban de Open Element.
Nouveau ! Intégration d'une LightBox
L'élément intègre maintenant une LightBox, la plus légère, moderne et efficace d'après les travaux de Jack Moore (la plus rapide des LightBox : ColorBox, sous licence MIT, permettant son intégration ici). En quelques options simples, créez de velle galleries d'images avec ouverture des images en grand !

3 - Achat de l'élément complémentaire

Vous pouvez acheter ci-dessous l'élément Image Sublime afin de soutenir son développement. Vous pourrez ensuite l'utiliser librement pour tous vos projets OpenElement. Vous recevrez également une page exemple (cette page) montrant les réglages dans OpenElement pour arriver au résultat attendu.

Je suis disponible sur le forum de OpenElement pour toute aide nécessaire ;-)
Elément Image Sublime pour OpenElement

4 - Historiques de modification

2017-03-01
Ajout d'une option sur l'alignement du texte de légende (qui peut maintenant s'aligner en haut de la zone de style, ce qui facilite l'apparition de texte au survol
Correction de deux bugs qui pouvaient affecter le score de OE Guideline
Correction d'une erreur sur l'animation sur Chrome et Opera (animation de la légende ligne par ligne au lieu de l'ensemble)
Mignification du code.

2017-02-18
externalisation du CSS de l'élément

2017-02-11
ajout d'un masque personnalisable qui peut prendre place au dessus de l'image
ajout d'effets complémentaires
corrections sur le comportement de la LightBox
réorganisation des options de l'élément

2017-01-20
ajout d'un masque au survol (assombrir, eclaircir)
ajout d'une option pour forcer un fond de légende transparent

2017-01-17 
ajout de nouveaux effets (fou, sépia, désaturer, saturation)

2017-01-14 
ajout d'une LightBox pour l'ouverture des images

Limite de responsabilité : cet élément vous est fourni pour vos projets. Nous ne garantissons pas qu'il convienne effectivement à vos besoins, mais nous sommes disponible sur le forum de OpenElement pour répondre à vos interrogations.. S'agissant d'un bien immatériel, il ne pourra être remboursé. Par l'usage de cet élément, vous vous engagez à supporter tout préjudice lié à son utilisation.