Un nouvel élément pour OE : Image Sublime ! |
Répondre ![]() |
Page 123 21> |
Auteur |
![]() ![]() |
Larsene ![]() Admin Group ![]() Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
![]() ![]() ![]() ![]() ![]() Envoyé : 26 Mar 2016 à 09:24 |
Hello !
Je vous présente un nouvel élément pour OpenElement, baptisé Image Sublime ![]() Il permet d'ajouter dans OpenElement des images avec une légende et des effets de survol, allant de l'effet de survol classique (apparition de la légende de l'image au survol) à des effets CSS 3 "captivants" ;-) et cela sans une ligne de code, dans un bel élément prêt à utiliser. Il suffit de copier la DLL dans le dossier adéquat de votre projet. Il est présenté ici : http://www.stalagtic.com/Element-ImageSplendide.htm Achat de l'élément complémentaire : http://www.stalagtic.com/Element-ImageSplendide.htm#Achat Seconde Démonstration : http://stalagtic.com/ImageSublime-sample2.htm Un exemple pratique d'utilisation (les images de l'article) ici pour bien se rendre compte de l'intérêt que cela peut avoir en pratique : http://www.rucher-ecole-saverne.fr/cours-apicultture-saverne.htm Merci pour vos retours ! Les options : ![]() Mise à jour du 1/03/2017 : Ajout : option pour gérer le centrage du texte de légende, corrections: - deux corrections apportées sur le référencement pouvant être reportées par Guideline - un effet au survol incorrect dans Chrome ou Opera (propagation de l'effet aux balises span) Mise à jour du 11/02/2017 : ajout d'un masque de l'image, réorganisation des options, ajout d'effets, nouvelle démo exemple Mise à jour du 13/01/2017 : l'élément intègre désormais en plus une fonctionnalité LightBox : Une LightBox, c'est la possibilité d'ouvrir en fenêtre modale une image, ou une galerie d'images : ![]() Bonne utilisation !! PS : la mise à jour est envoyée gratuitement à toutes les personnes ayant acquis l'élément. Edité par Larsene - 12 Avr 2017 à 14:53 |
|
![]() |
|
brolysan ![]() Admin Group ![]() ![]() Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10139 |
![]() ![]() ![]() ![]() ![]() |
Très bon élément, il sera bientôt intégré dans le prochain magasin d'éléments, très bientôt...soyez patient !
en attendant, vous pouvez effectivement aller sur la page de Larsène et le prendre, il fonctionne parfaitement !!!
![]() |
|
![]() |
|
Larsene ![]() Admin Group ![]() Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
![]() ![]() ![]() ![]() ![]() |
Merci !!
![]() Je t'envoie l'élément rapidement, je finis le package. |
|
![]() |
|
Bridet ![]() Senior Member ![]() ![]() Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
![]() ![]() ![]() ![]() ![]() |
C'est géant!
On pourrait donc imaginer un site dont le premier aspect est un ensemble d'images (pour les djeunes) et si on le sent, on voit apparaître une description plus ou moins complète (pour les vieux) avec lien en prime (pour les autres) !!! Pour 5€, je vais l'acheter rien que pour faire joujou! |
|
![]() |
|
Larsene ![]() Admin Group ![]() Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
![]() ![]() ![]() ![]() ![]() |
Il est utilisable partout, à la base, pour des sites où j'ai besoin de faire apparaître une légende ou un copyright, très discrètement, sans aucun effet, juste au survol de celle-ci.
Puis, j'ai développé avec un effet de zoom léger, pour capter un peu plus l'attention du lecteur. Puis, j'ai été plus loin, en rajoutant des effets amusants que j'ai testé en jouant avec les translate, rotate, skew, etc. du CSS3 et j'ai exploité cette fois complètement l'éditeur, avec toutes les descriptions utilisateurs, les images icônes pour l'intégration dans OE, etc. Il est pleinement responsive, l'image ne se déforme jamais et couvre ainsi la zone d'illustration réservée. je pense qu'il peut servir presque partout : portrait du rédacteur d'un article, au survol on affiche son nom/prénom, copyright sur les images, légendes informatives, effets visuels, etc. Un exemple pratique d'utilisation ici pour bien se rendre compte de l'intérêt que cela peut avoir en pratique : http://www.rucher-ecole-saverne.fr/cours-apicultture-saverne.htm Edité par Larsene - 26 Mar 2016 à 15:48 |
|
![]() |
|
Larsene ![]() Admin Group ![]() Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
![]() ![]() ![]() ![]() ![]() |
Pour répondre à des questions qui me sont parvenues,
Pour l'instant, OpenElement ne sais pas gérer les couleurs transparentes. Pour les utiliser quand même avec cet élément, il faut sélectionner la zone "Légende", puis ajouter le code CSS suivant (par exemple) :
on pourra trouver le code qui correspond ici : http://www.hexcolortool.com/ J'espère que OE rajoutera la prise en charge de la transparence dans de prochaines versions. Edité par Larsene - 27 Mar 2016 à 16:22 |
|
![]() |
|
Bridet ![]() Senior Member ![]() ![]() Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
![]() ![]() ![]() ![]() ![]() |
Tu devrais mettre ce fil dans les tutos...
|
|
![]() |
|
mamy-o-laine ![]() Senior Member ![]() Depuis le: 23 Oct 2008 Pays: Belgium Status: Inactif Points: 236 |
![]() ![]() ![]() ![]() ![]() |
Super
![]() Achat effectué, j'ai hâte de le tester sur mon site photographies ! MERCI, Larsene Je veux bien payer pour tout le travail réalisé sur des éléments à ajouter à OE. |
|
http://www.site-concept.be
http://www.art-photography.be |
|
![]() |
|
Larsene ![]() Admin Group ![]() Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
![]() ![]() ![]() ![]() ![]() |
Hello mamy-o-laine !
Merci pour ton retour ! Je viens de t'envoyer le fichier ZIP qui contient l'élément ainsi qu'un projet exemple OpenElement. N'hésite pas à me contacter au moindre souci !! Merci encore, |
|
![]() |
|
mamy-o-laine ![]() Senior Member ![]() Depuis le: 23 Oct 2008 Pays: Belgium Status: Inactif Points: 236 |
![]() ![]() ![]() ![]() ![]() |
Tu l'as envoyé sur ma messagerie OpenElement ? |
|
http://www.site-concept.be
http://www.art-photography.be |
|
![]() |
Répondre ![]() |
Page 123 21> |
Tweet
|
Aller au Forum | Permissions du forum ![]() Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |