Affichage

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

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.

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>

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, 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="" />
<img src="image1.jpg" alt="" />
<img src="image2.jpg" alt="" />

là on met nos images

et dans cette ligne

     var 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>
<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>

׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×