Ouverture modale Image
boubou83330
Messages postés
21
Statut
Membre
-
dugenou Messages postés 6262 Statut Contributeur -
dugenou Messages postés 6262 Statut Contributeur -
Bonjour à tous,
En pleine conception de site Web pour mon projet de Licence, je rencontre un soucis.
Je réalise un "Web-Documentaire" interactif dans lequel j'ai mis un décor en parrallax, jusque là, pas de soucis (mis à part les dimensions mais ça c'est autre chose).
L'interactivité intervient lorsque l'utilisateur clique sur un élément cliquable dans le décor parallax.
Il faut que lorsqu'il clique sur l'image, une fenêtre modale s'ouvre (peu importe le contenu du modal) en tout cas, ce n'est pas simplement pour agrandir l'image, c'est simplement pour avoir une page descriptive lorsque l'utilisateur clique sur la photo.
Ma question est donc : comment faire un href qui renvoie vers l'ouverture d'une fenêtre modale ?
En vous remerciant par avance des réponses que vous m'apporterez
En pleine conception de site Web pour mon projet de Licence, je rencontre un soucis.
Je réalise un "Web-Documentaire" interactif dans lequel j'ai mis un décor en parrallax, jusque là, pas de soucis (mis à part les dimensions mais ça c'est autre chose).
L'interactivité intervient lorsque l'utilisateur clique sur un élément cliquable dans le décor parallax.
Il faut que lorsqu'il clique sur l'image, une fenêtre modale s'ouvre (peu importe le contenu du modal) en tout cas, ce n'est pas simplement pour agrandir l'image, c'est simplement pour avoir une page descriptive lorsque l'utilisateur clique sur la photo.
Ma question est donc : comment faire un href qui renvoie vers l'ouverture d'une fenêtre modale ?
En vous remerciant par avance des réponses que vous m'apporterez
1 réponse
-
Bonjour,
Je ne sais pas si ça répondra à ce que tu cherches, mais voici ce que j'utilise :<script type="text/javascript"> function image(){ win=window.open("fichier.extension","","toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=400,height=200") win.moveTo(screen.width/2-600,screen.height/2-300) } </script> <p><a title="" onclick="image()" href="javascript:;" rel="nofollow noopener noreferrer" target="_blank">Texte du lien</a></p>
Tu peux multiplier ce script en modifiant le nom de la fonction.
Comme à chaque fois, CCM ajoute rel="nofollow noopener noreferrer"
Courage, le bout du tunnel n'est pas loin, il suffit de se retourner.
