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

Légende
de l'image

Freepic

En ce moment, nous créons plus de 100 vecteurs gratuits chaque jour.

Légende
de l'image

Légende
en haut

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.

Nouveau ! Exemple avec ouverture LightBox

LightBox

Ouverture d'une Image en mode LightBox.

LightBox
exemple gallerie

LightBox
Image indépendante

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 ;-)

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.