Ouverture modale Image
boubou83330
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
-
dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention -
dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention -
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
A voir également:
- Ouverture modale Image
- Image iso - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
- Image gratuite - Guide
1 réponse
Bonjour,
Je ne sais pas si ça répondra à ce que tu cherches, mais voici ce que j'utilise :
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.
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.
boubou83330
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
Je maitrîse pas des masses le JS.. En fait c'est une ouverture modale en JS ?
dugenou
Messages postés
6087
Date d'inscription
Statut
Contributeur
Dernière intervention
1 452
>
boubou83330
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
Oui, c'est ça.
boubou83330
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
Ok merci ! Cependant, j'ai un autre problème.. Ma box modale fonctionne (avec un code css), seulement, le href est actif sur tout le décor parallax, et pas seulement sur l'image (en png) où le href est inscrit.. Aurais-tu une solution ?
dugenou
Messages postés
6087
Date d'inscription
Statut
Contributeur
Dernière intervention
1 452
>
boubou83330
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
Je ne sais pas, je n'utilise pas cette technique, mais peut-être que les éléments du décor, qui sont si j'ai bien compris des calques, sont considérés comme une seule image. Il faudrait peut-être "mapper" le décor parallax, si c'est possible.