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

Vue hybride

Discussions similaires

Partager

Partager