Affichage
Résolu
golfeur68
-
golfeur68 -
golfeur68 -
Bonjour,
Je suis entrain de créer des pages en HTML dans lesquelles j'inclue des images et j'aimerais savoir quel est le code pour que si en cliquant sur une image celle-ci s'ouvre automatiquement dans une nouvelle fenêtre et en plein écran.
Dans l'attente d'une réponse
Bonne journée à tous
Je suis entrain de créer des pages en HTML dans lesquelles j'inclue des images et j'aimerais savoir quel est le code pour que si en cliquant sur une image celle-ci s'ouvre automatiquement dans une nouvelle fenêtre et en plein écran.
Dans l'attente d'une réponse
Bonne journée à tous
5 réponses
-
salut, tu peux faire comme cela
http://pour-ccm.zz.mu/indexxx.html
en fait les méthodes sont nombreuses, je t'explique la mienne
<img src="image0.jpg" alt="" />
là on met nos images
<img src="image1.jpg" alt="" />
<img src="image2.jpg" alt="" />
et dans cette lignevar page = window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");
tu peu regler la largeur et la hauteur avec width et height
voici le code au complet :
<body>
׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
<img src="image0.jpg" alt="" />
<img src="image1.jpg" alt="" />
<img src="image2.jpg" alt="" />
<script type="text/javascript">
var img = document.getElementsByTagName("img");
for (var i = 0; i < img.length; i++) {
img[i].onclick = function() {
var page = window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");
}
}
</script>
</body> -
ou encore plus simple
http://pour-ccm.zz.mu/indexx.html
tu rajoute cela dans chaque image :
onclick='window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");'
code entier :
<body>
<img src="image0.jpg" alt="" onclick='window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");' />
<img src="image1.jpg" alt="" onclick='window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");' />
<img src="image2.jpg" alt="" onclick='window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");' />
</body> -
Salut lobotoFix,
Pourquoi faut-il écrire 3 lignes identiques :
<body>
<img src="image0.jpg" alt="" onclick='window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");' />
<img src="image1.jpg" alt="" onclick='window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");' />
<img src="image2.jpg" alt="" onclick='window.open(this.src,"nom_image","menubar=no, status=no, scrollbars=no, menubar=no, width=400, height=400");' />
</body>
Je suis novice en HTML et même après essai avec le code noté ça ne donne rien, je sais je suis nul mais je n'arrive à aucun résultat. Où dois-je placer le code, ci-dessous copie du début du code actuellement écrit :
<body>
<div id="contenu">
<h1 align="center"><strong>Naissance et Expansion de l'Univers</strong></h1>
<marquee behavior="slide" direction="right" scrollamount="30">
<h2 align="center"><u>Les premiers temps</u> :</h2>
</marquee>
<marquee behavior="slide" direction="left" scrollamount="15">
<h3 align="center"><u><strong>Les grecs furent les premiers à tenter d'expliquer l'Univers</u> :</h3>
</marquee>
<img src="../PHOTOS/univers.jpg" align="right" width="322" height="310" title="Image de l'Univers">
<body> -
Salut, en fait il y a trois ligne car trois photos sur l'exemple des liens que je t'ai donnés.
Si tu souhaite ouvrir les photos au click dans une nouvelle fenêtre, ces codes fonctionnent.
Tu peut t'en inspirer en allant sur les liens que je t'ai donné et en faisant click droit ->afficher le code source.
http://pour-ccm.zz.mu/indexx.html
http://pour-ccm.zz.mu/indexxx.html
Ce sont deux exemple. Je sais pas comment tu fais ton site, il pourrait peut être une bonne idée de nous le dire pour mieux t'aider.
Je viens de voir que tu les veux en pleine écrans, je modifie le code pour que se soit ainsi. -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Merci lobotoFix je n'avais pas saisi le rapport entre ta réponse, les liens insérés et ma question maintenant c'est beaucoup plus clair.
Bonne soirée
