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>