Ouverture modale Image

Fermé

boubou83330 Messages postés 21 Date d'inscription mercredi 30 avril 2014 Statut Membre Dernière intervention 6 février 2017 - 5 févr. 2017 à 17:51
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 - 6 févr. 2017 à 07:36

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

A voir également:

Ouverture modale Image
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Faststone image viewer - Télécharger - Visionnage & Diaporama
Image iso windows 10 - Guide
Comment agrandir une image - Guide

1 réponse

Réponse 1 / 1

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
Modifié par dugenou le 5/02/2017 à 18:19

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.

boubou83330 Messages postés 21 Date d'inscription mercredi 30 avril 2014 Statut Membre Dernière intervention 6 février 2017
5 févr. 2017 à 18:19

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 mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > boubou83330 Messages postés 21 Date d'inscription mercredi 30 avril 2014 Statut Membre Dernière intervention 6 février 2017
5 févr. 2017 à 18:22

Oui, c'est ça.

boubou83330 Messages postés 21 Date d'inscription mercredi 30 avril 2014 Statut Membre Dernière intervention 6 février 2017
6 févr. 2017 à 01:47

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 ?

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.

Discussions similaires