Discussion :

[Auteur]

Re�u par MP :

Salut je me suis permis de recuperer ton code qui m'interesse parcequ'il fait exactement ce que je veux ^^

En revanche j'ai agrandit l'affichage de l'image qui s'affiche au passage de la souris sur la petite image!

Mon probleme est que bien evidemment cela depasse la taille de la page mais cela ne serais pas le cas si l'affichage en grand s'effectu sur le cot� et non vers le bas cela est-il possible??

Merci de ta reponse!

Ma r�ponse � cette demande :

Salut je me suis permis de recuperer ton code qui m'interesse parcequ'il fait exactement ce que je veux ^^

Quel code ?

En revanche j'ai agrandit l'affichage de l'image qui s'affiche au passage de la souris sur la petite image!

Mon probleme est que bien evidemment cela depasse la taille de la page mais cela ne serais pas le cas si l'affichage en grand s'effectu sur le cot� et non vers le bas cela est-il possible??

Merci de ta reponse!

je n'ai rien compris, d�sol�.

Utilisez le forum pour poster votre probl�me

Nouveau MP :

Salut je ne retrouve plus le poste ou j'ai vu ton code je vais dont le le remontrer!

Ton code permettais de creer une fenetre popup ou l'image est agrandie dans une popupimage:

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<style type="text/css">
#idDivImage{
border: 3px outset #AAAAAA;
position: absolute;
float: left;
display: none;
}
 
.miniature{
width: 100px;
}
</style>
<script type="text/javascript">
function popImage(image)
{
document.getElementById("idDivImage").style.display = "block";
document.getElementById("idImage").src=image.src;
}
function fermeImage()
{
document.getElementById("idDivImage").style.display = "none";
}
</script>
 
<img id="miniature" src="" onmouseover="popImage(this)" onmouseout="fermeImage()"></center>
<div id="idDivImage"><img id="idImage" src=""></div>

VOila le code que tu avais post� pour realiser cela!

Mon probleme c'est sue la fenetre popup d'agrandissement de l'image se fait en dessous de l'image reduite alors ke je voudrais ke �a l'affiche a gauche de cette petite image ou alors a droite!

La tu vois ce que je veux dire??

Si vous avez le temps de r�soudre son probl�me, je vous remercie pour julesparis

[bigboomshakala]

salut,

• supprimer le "float:left"
• changer "block" par "inline"

[julesparis]

Salut j'ai essay� de supprimer float: left,
et de remplacer block par inline mais le probleme reste le meme! l'agrangissement se fait toujours en dessous de l'image miniature alors que j'aimerais qu'il le fasse soit a droite soit a gauche!

Je te montre ce que �a me fait la!

voila mon code actuellement:

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
  <style type="text/css">
#idDivImage{
 border: 3px outset #AAAAAA;
 position: absolute;
 display: none;
}
 
.idImage
{
  width: 500px; 
}
 
.miniature{
 width: 100px;
}
</style>
 <script type="text/javascript">
function popImage(image)
{
 document.getElementById("idDivImage").style.display = "inline";
 document.getElementById("idImage").src=image.src;
}
function fermeImage()
{
 document.getElementById("idDivImage").style.display = "none";
}
</script>
 
 
<center>NEWTEOS SARL<br><br><img class="miniature" src="images/petitelettre.jpg" onmouseover="popImage(this)" onmouseout="fermeImage()"></center>
                  <div id="idDivImage"><img class="idImage" src="images/lettre.jpg"></div>