frame et plantage ie

**beukiffeln** · 04/02/2008, 20h10

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 :

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
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&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>
<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>

**SpaceFrog** · 05/02/2008, 09h41

essaye en préchargeant les images ?

**beukiffeln** · 05/02/2008, 11h58

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 :

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
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>

frame et plantage ie

JavaScript

Discussions similaires

Partager

Partager