Affichage

Résolu
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

5 réponses

Utilisateur anonyme
 
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
 
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
golfeur68
 
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
 
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
golfeur68
 
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