Imprimer la Page | Close Window

[Elément] - Image - Image On Hover 02

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Élements complémentaires pour OE
Description du Forum: Les éléments complémentaires créés pour Open Element
URL: http://forum.openelement.com/fr/forum_posts.asp?TID=22963
Date: 23 Feb 2019 à 03:15
Version logiciel: Web Wiz Forums 10.18 - http://www.webwizforums.com


Sujet: [Elément] - Image - Image On Hover 02
Posté par: MicroVinc
Sujet: [Elément] - Image - Image On Hover 02
Posté le: 02 Sep 2017 à 23:12
Bonjour,

je vous présente un nouvel élément pour OpenElement, il permet d'afficher d'afficher vos images l'une en dessous les autres avec un effet lors du survol.
Entièrement paramétrable (couleurs des bordures, de la police, épaisseur des bordures, de l'encadrement du texte, option smartphone...).
Big smile

ATTENTION : L'élément ne fonctionne qu'à partir de OpenElement Version 1.57R1

Il faut installer le fichier .dll dans le dossier de votre projet (sur le PC) à l'emplacement par défaut :
"C:\Users\VOTRE_PROFILE_UTILISATEUR\Documents\openElement\DossierDeMonSiteInternet\Common\Elements\"

L'élément est gratuit ! (Et gratuit c'est dans mes prix ! Big smile)

#######################################

Présentation :  http://www.microvinc.fr/OE_Image_On_Hover_02.php" rel="nofollow - ICI

#######################################
Exemples :
http://zupimages.net/viewer.php?id=18/03/70br.gif" rel="nofollow">
#######################################

          -Version de l'élément : V1.0.78

#######################################


@ Bientôt ! Wink




-------------
-Éléments pour OpenElement : https://goo.gl/Wq3Cpp" rel="nofollow - ICI
-Tutoriels pour OpenElement : https://goo.gl/NdpS1i" rel="nofollow - ICI


La Bretagne, un État dans l'État



Réponses:
Posté par: oxo.solenn
Posté le: 10 Feb 2019 à 23:03
Bonsoir Hobby001,

Je vais essayer d'être plus clair.

L'idée s'est une page avec une galerie de photos sans texte. Qu'au survol de la souris, on en découvre un peu et si vraiment intéresser, alors on a du détail après avoir cliquer sur le lien de la zone image.

Un peu comme ici : http://gamelles-sans-frontiere.org/adoption-chat


J'ai mis une image avec aucun texte car je pensais et j'aimerais que le titre (= scrollreveal), le sous-titre (= animation) et le texte (= scrollreveal permet d'animer vos éléments !) apparaissent avec l'animation au survol avec la souris et qu'un clique dans la zone de l'élément ouvre une nouvelle page ou une fenêtre modale.

Je n'ai peut-être pas choisi un bon élément d'OE pour faire cela...





-------------
Windows 10
OE version 1.57R9


Posté par: Hobby001
Posté le: 10 Feb 2019 à 23:18
Alors il vous faut une galerie de photos comme nanogallery2 dont https://www.nstantoine.com/Toiles.htm#nanogallery/nanogallery2/Chevaux" rel="nofollow - voici un exemple qui n'est pas encore terminé:  https://nanogallery2.nanostudio.org/" rel="nofollow - https://nanogallery2.nanostudio.org/

-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros.


Posté par: Hobby001
Posté le: 10 Feb 2019 à 23:54
Il y a un autre exemple http://gite.vervoz.be/#nanogallery/nanoGallery2/0" rel="nofollow - ici




-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros.


Posté par: brolysan
Posté le: 11 Feb 2019 à 09:32
C'est devrait etre possible de faire ca avec deux éléments + du code js.
A voir si j'ai le temps fin de semaine par contre.
L'idée serait d'allier deux choses présent sur ce site : http://www.test.port-beach.com/

D'un côté le même dispositif qu'en cliquant sur "les avis" et lors du passage de la souris sur les grands icônes pour le survol du texte. Je pense qu'en une heure de dév et d'intégration, ca serait possible. 

-------------
https://sensode.com" rel="nofollow - sensode
http://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Ma biographie


Posté par: oxo.solenn
Posté le: 11 Feb 2019 à 12:27
Bonjour Brolysan,

L'idée est bien là. Merci

Sinon je vais essayer de partir de la Gallery 3 qui se trouve dans le template SensLight en version gratuite.

D'ailleurs, bravo pour le magnifique travail accomplie par la team sur les différents template, éléments et les tutos.


-------------
Windows 10
OE version 1.57R9



Imprimer la Page | Close Window

Forum Software by Web Wiz Forums® version 10.18 - http://www.webwizforums.com
Copyright ©2001-2014 Web Wiz Ltd. - http://www.webwiz.co.uk