centrer une image en javascript

**cheta** · 10/08/2010, 21h20

Bonjour,

J'ai une "form" sur ma page et à l'intérieur j'ai une image
Je charge des images avec cette fonction:
HTML:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="thumbnails/photo15.jpg" ALT=""  width="140" height="140"onclick="ChangeImage('photos/15_copains.jpg','Une répétiton d harmonicistes')"></td>

Javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function ChangeImage(varimage,info){
document.Page.IMAGE.src=  varimage
}

info est juste un label également dans la form
comment puis je faire que les images de differentes tailles soient centrées dans la form

Merci de votre aide

**vermine** · 11/08/2010, 07h35

Bonjour,

Vu mes faibles connaissances de tout ce qui est présentation de la page, je serais passé par une table sur laquelle j'aurais fait un alignement central:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<table><tr><td align="center"></td></tr></table>

Mais il y a sûrement des méthodes plus pratiques et plus performantes.

**bigboomshakala** · 11/08/2010, 13h11

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
 <head>
  <style>
   .toto
   {
     text-align:center;
   }
  </style>
 </head>
 <body>
  <div class="toto" id="maform">
   <img src="" alt="image" />
  </div>
 </body>
</html>

tu peux remplacer <div> par <form>

ça n'a rien à voir avec le javascript, mais avec les CSS

**Watilin** · 11/08/2010, 14h20

Salut,
si tu n’as qu’une image à centrer, tu peux lui mettre une classe, disons « centered », et un CSS séparé :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
img.centered
{
	display: block;
	margin: auto;
}

centrer une image en javascript

JavaScript

Discussions similaires

Partager

Partager