Sujet Précédent Sujet Suivant

Les images

Fermé
Noa - 27 janv. 2006 à 19:37
lami20j Messages postés 21331 Date d'inscription jeudi 4 novembre 2004 Statut Modérateur, Contributeur sécurité Dernière intervention 30 octobre 2019 - 29 janv. 2006 à 20:42
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

4 réponses

Réponse 1 / 4
maxime_B Messages postés 788 Date d'inscription mardi 14 juin 2005 Statut Membre Dernière intervention 15 juin 2010 55
28 janv. 2006 à 17:45
bon alors pour commencer 
<img src="monimage.bmp" target="_new">

pour la taille, il suffit de mettre 
width="100%"
=> pourcentage de l'écran prit 
height="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
0
Noa
28 janv. 2006 à 21:28
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.
0
Réponse 2 / 4
kilian Messages postés 8731 Date d'inscription vendredi 19 septembre 2003 Statut Modérateur Dernière intervention 20 août 2016 1 527
28 janv. 2006 à 19:04
Pour fermer la fenêtre:
http://www.commentcamarche.net/javascript/jswindow.php3
0
Noa
28 janv. 2006 à 21:15
Merci beaucoup, je vais essayé dessuite, je vous dit si sa marche ;) :p
0
Noa
28 janv. 2006 à 21:20
Ben je vien de lire tout sa, je ne comprend pas ce que je doit rajouter pour que l'image se ferme quand on clique dessus, mon site etant codée en HTML.
0
maxime_B Messages postés 788 Date d'inscription mardi 14 juin 2005 Statut Membre Dernière intervention 15 juin 2010 55
28 janv. 2006 à 21:29
ne t'inquiète pas et essaye de comprendre le lien que killian t'a donné. Tu peux insérer quasi tous les languages possibles dans une page internet, faut juste changer l'extension ( en général c'est .php, .html, ....)
0
Noa > maxime_B Messages postés 788 Date d'inscription mardi 14 juin 2005 Statut Membre Dernière intervention 15 juin 2010
28 janv. 2006 à 21:39
Je 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
0
maxime_B Messages postés 788 Date d'inscription mardi 14 juin 2005 Statut Membre Dernière intervention 15 juin 2010 55 > maxime_B Messages postés 788 Date d'inscription mardi 14 juin 2005 Statut Membre Dernière intervention 15 juin 2010
28 janv. 2006 à 23:11
normalement 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
0
Réponse 3 / 4
lami20j Messages postés 21331 Date d'inscription jeudi 4 novembre 2004 Statut Modérateur, Contributeur sécurité Dernière intervention 30 octobre 2019 3 567
28 janv. 2006 à 23:24
Voilà 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()">
0
Noa
29 janv. 2006 à 13:39
Eu si j'ai bien compris :
0
Noa
29 janv. 2006 à 13:43
(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?
0
lami20j Messages postés 21331 Date d'inscription jeudi 4 novembre 2004 Statut Modérateur, Contributeur sécurité Dernière intervention 30 octobre 2019 3 567 > Noa
29 janv. 2006 à 17:26
La 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.
0
maxime_B Messages postés 788 Date d'inscription mardi 14 juin 2005 Statut Membre Dernière intervention 15 juin 2010 55 > Noa
29 janv. 2006 à 20:22
ouais j'ai essayé d'aller chercher un peu loin.^^
je ferais mieux de la f......

a+
0
Réponse 4 / 4
lami20j Messages postés 21331 Date d'inscription jeudi 4 novembre 2004 Statut Modérateur, Contributeur sécurité Dernière intervention 30 octobre 2019 3 567
29 janv. 2006 à 20:42 
<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
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
calcule nombre des pixels "noir" dans un image (noir/blanc)
neji55 -
nath84150 -

3 réponses
code couleur associé a une image
magic charly -
pandora -

9 réponses
voir ses images enregistrés
bastUltra -
bastUltra -

2 réponses
ou sont enregistrées les images
RAKAMA -
mathejea -

4 réponses