Les images
Bonjour a tous,
J'ai créer un site perso, kkwet30.free.fr
Et je voulais savoir comment on fesait pour ouvrir une image dans une nouvelle fenetre, que cette nouvelle fenetre soit à la taille de l'image ou a une taille donné (par moi) et que quand on clique sur l'image la fenetre se referme
Merci pour vos future réponce
Julie NOA
J'ai créer un site perso, kkwet30.free.fr
Et je voulais savoir comment on fesait pour ouvrir une image dans une nouvelle fenetre, que cette nouvelle fenetre soit à la taille de l'image ou a une taille donné (par moi) et que quand on clique sur l'image la fenetre se referme
Merci pour vos future réponce
Julie NOA
4 réponses
-
Modérateur
<a href="javascript:fenetre('/ton/fichier.html',200,800,500,120,1)"> <img src="/ta/image.jpg" width="25" height="20" border="0" ></a>
Pour cette partie de code en fait j'utilise une loupe pour (afficher mon fichier.html qui contient l'image)
Tu peux écrire<a href="javascript:fenetre('/ton/fichier.html',200,800,500,120,1)">Mon image agrandi</a>
Je crois que ce n'était pas difficile à comprendre
<a href="">lien</a> donc à la place d'un mot ou phrase j'utilise une image -
ModérateurVoilà un script pour ouvrir une autre fenêtre qui peut contenir une image
<script type="text/javascript" language="javascript"> <!-- function fenetre(wurl,wnom,w,h,ws) { var options = "toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=1, scrollbars="+ws+",width="+w+",height="+h; var fenetre = window.open(wurl, wnom, options); if(fenetre.focus){fenetre.focus();} } // End --> </script>
application<a href="javascript:fenetre('/ton/fichier.html',200,800,500,120,1)"> <img src="/ta/image.jpg" width="25" height="20" border="0" ></a>
<body bgcolor="#f5fffa" text="#000000" style="margin-left:5px;margin-right:0px;font-size:14pt"
Dans la fenêtre qui va contenir l'image mais dans la balise <body ...... onclick="window.close()">-
-
(oups erreur clavier)
Eu si j'ai bien compris :
Je met tout ceci :
<script type="text/javascript" language="javascript">
<!--
function fenetre(wurl,wnom,w,h,ws) {
var options = "toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=1, scrollbars="+ws+",width="+w+",height="+h;
var fenetre = window.open(wurl, wnom, options);
if(fenetre.focus){fenetre.focus();}
}
// End -->
</script>
Dans la balise Head de ma page
Puis je met ça :
<a href="javascript:fenetre('/ton/fichier.html',200,800,500,120,1)">
<img src="/ta/image.jpg" width="25" height="20" border="0" ></a>
A la place de ceci :
<a href="../../images/Equibook_raceseuropeennes_camargue1.jpg" target="_blank" width="100%"><img src="../../images/Equibook_raceseuropeennes_camargue1p.jpg" alt="camargue" width="200" height="150" border="0" /></a>
Et la cela va ouvrir mon image dans une nouvelle fenetre a la taille de mon image? -
Modérateur@NoaLa nouvelle fenêtre en fait c'est un autre fichier html qui contient seulement ton image. Et pour la fermer mais dans la balise l'evenement onclick().
Pour la taille c'est à toi de voir. -
-
-
ModérateurPour fermer la fenêtre:
http://www.commentcamarche.net/javascript/jswindow.php3-
-
-
-
@maxime_BJe ne peut pas changer l'extension de ma pages, car elle est en PHP, et sans cette extension, mais phrases aléatoires ne marcherons plus
-
@maxime_Bnormalement php c'est bon pour tout
t'as qu'à utiliser la formule javascript dans le genre<script language="Javascript" type="text/javascript"> <img src="monimage.jpg" href="javascript:OnClick.window.close()"/> </script>
je ne suis pas sur que ça fonctionne il faudra vérifier par toi-même
-
-
bon alors pour commencer
<img src="monimage.bmp" target="_new">
pour la taille, il suffit de mettrewidth="100%"
=> pourcentage de l'écran pritheight="50px"
=> la taille en pixels
widht étant pour la largeur et height pour la hauteur
quand on clique sur l'image elle se ferme..
ça désolé je ne suis pas trop sur et je ne crois pas savoir-
Je vais paraitre très con mais ce n'est pas grave ...
Voici mon code :
<a href="../images/equibook_arts2.jpg" target="_blank"><img src="../images/equibook_arts2p.jpg" alt="art" width="200" height="150" border="0" /></a>
Et sa a pour effet de m'afficher ma photo ../images/equibook_arts2p.jpg (qui est la miniature) sur ma page, et quand je clique dessus, sa m'ouvre une fenetre en plein écrans avec l'image ../images/equibook_arts2.jpg (qui est l'image en 800x600) .
Ou doit je changer pour que la fenetre soit aux dimmentions de l'image (soit 800x600)
Je ne code pas vraiment mes pages (bien que je commence a comprendre comme sa marche au fur et a messure) j'utilise dreamweaver coté création.
-