frame et plantage ie

Version imprimable

Bonjour,
tout d'abord je m'excuse si la réponse de mon problème était indiquée quelque part mais je ne l'ai pas vue après maintes recherches...
Donc voila pour l'ergonomie de mon site j'avais besoin d'utiliser javascript (que je ne maitrise pas vraiment). Je veux que lorsque la souris survole une image, une autre image s'ouvre dans une autre frame ainsi que le texte correspondant.Le résultat visuel que j'ai obtenu est satisfaisant mais mon gros problème est le plantage d'ie au bout de quelques raffraichissement et survol d'images.
Help me please ...

voici mon code
Code:

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 32 33 34 35 36 37 38 39 40 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Pole images - preview</title> <SCRIPT language=javascript> function DesImages(img) { <!-- ecri dans la frame nomee tdc puis affiche l'image placee en parametre a la place de la derniere image window.tdc.document.write('dddddddddddd'); <!--'Savez-vous de quoi est capable<BR>' + <!--'un appareil photo jetable ?'); <!-- parent.tdc.document.write(document.images.length-1); document.images[document.images.length-1].src=img; window.tdc.close(); } </SCRIPT> <link href="style/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <table width="601" border="1"> <tr> <td height="215" colspan="2" class="fram" scope="col"><A HREF="#" onMouseOver="DesImages('./images/3d_0.jpg')" TARGET="_top" onMouseOver="DesImages('./images/3d_0.jpg')"><img border="0" src="./images/photoshop_0.jpg"/></a><img src="images/3d_0.jpg" alt=""/></td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td width="445" ><img src="images/photoshop_0.jpg" /></td> <td width="140"><iframe frameborder="0" name="tdc" id="iframe" width="100" height="300"></iframe></td> </tr> </table> </body> </html>

05/02/2008, 09h41
SpaceFrog

essaye en préchargeant les images ?

préchargement image

bonjour,
j'ai donc récupérer un bout de code sur internet pour précharger les images et l'ai ajouté au mien mais le problème est le même...
je remets mon nouveau code des fois que le préchargement ne soit pas bon...mais je ne vois pas ou est le truc
(merci)

Code:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pole images - preview</title>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
function prechargimg() { 
var doc=document; 
if(doc.images)
{ if(!doc.precharg)
	 doc.precharg=new Array();
		var i,j=doc.precharg.length,x=prechargimg.arguments; 
		for(i=0; i<x.length; i++)
			if (x[i].indexOf("#")!=0)
				{ doc.precharg[j]=new Image; doc.precharg[j++].src=x[i];}
				}
}
//-->
</script> 
 
<SCRIPT language=javascript>
function DesImages(img) {
 
<!-- ecri dans la frame nomee tdc puis affiche l'image placee en parametre a la place de la derniere image
   window.tdc.document.write('dddddddddddd');
 
      <!--'Savez-vous de quoi est capable<BR>' +
      <!--'un appareil photo jetable&nbsp;?');
 
<!-- parent.tdc.document.write(document.images.length-1);
   document.images[document.images.length-1].src=img;
   window.tdc.close();
 
 
}
</SCRIPT>
<link href="style/styles.css" rel="stylesheet" type="text/css" />
</head>
 
<body onLoad="prechargimg('images/3d_0.jpg','./images/photoshop_0.jpg')" >
 
 
<table width="601" border="1">
  <tr>
    <td height="215" colspan="2" class="fram" scope="col"><A HREF="#"  onMouseOver="DesImages('./images/3d_0.jpg')" TARGET="_top"
   onMouseOver="DesImages('./images/3d_0.jpg')"><img border="0" src="./images/photoshop_0.jpg"/></a><img src="images/3d_0.jpg" alt=""/></td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="445" ><img src="images/photoshop_0.jpg" /></td>
    <td width="140"><iframe frameborder="0" name="tdc" id="iframe" width="100" height="300"></iframe></td>
  </tr>
</table>
</body>
</html>