Affichage

Résolu/Fermé
golfeur68 - 5 nov. 2013 à 09:38
 golfeur68 - 5 nov. 2013 à 20:58
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

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="" />
<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|[׺°"~'"°º×
0
Utilisateur anonyme
5 nov. 2013 à 11:37
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>
0
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>
0
Utilisateur anonyme
5 nov. 2013 à 18:33
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.
0

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
0