bonsoir, je certifie avoir essayé au maximum de trouver une solution seul, avoir chercher des indices sur des sites francais et anglais et de m'etre arraché les cheuveux pendant deux semaines, mais voila j'en peus plus; j'en appel a votre bon coeur .... 
j'ai utilisé image ready pour decouper une image en plusieurs parties avec du mouseover pour obtenir un joli script qui tourne impeccablement...
mais dan ce script il y a <BODY ONLOAD="preloadImages();"> et je nai pas acces a la balise BODY de la page (index.html) dans laquelle je désire l'integrer.
il y a une alternative:
j'ai vu qu'il était possible d'utiliser "window.onload=fonction" a la place, ce que j'ai fait et qui marche a merveille... dans ma page (index.html)
mais voila, cette page(index.html) est "appelée par une autre page(index1.html) en frame" ( je ne sais pas si on dit comme ca?). voici le sript:
<frame src="index.html" name="content" scrolling="auto" noresize="noresize" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true" style="{background-color:#FFFFFF;color:#000000;}{font-style:normal;background-image:none;background-repeat:repeat;font-size:12px;height:100%;margin:0;padding:0;text-align:center;font-size:12px;height:100%;margin:0;padding:0;text-align:center;}" />
et dans cette condition l'image apparait bien, mais au survol de la souris, les parties d'images disparraisent pour laisser place a des "blancs avec des petits carrés rouge en haut a gauhe" comme si l'image n'était pas disponible".
le script de ma page index.html:
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
| <HTML>
<HEAD>
<TITLE>securefinal</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (securefinal.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
window.onload = function preloadImages() {
if (document.images) {
Coussins_over = newImage("images/Coussins-over.jpg");
Table_over = newImage("images/Table-over.jpg");
Linge_over = newImage("images/Linge-over.jpg");
Bebe_over = newImage("images/Bebe-over.jpg");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (securefinal.psd) -->
<TABLE WIDTH=464 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=6>
<IMG SRC="images/securefinal_01.jpg" WIDTH=464 HEIGHT=69 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/securefinal_02.jpg" WIDTH=191 HEIGHT=138 ALT=""></TD>
<TD COLSPAN=4>
<A HREF="contents/fr/d1.html"
ONMOUSEOVER="changeImages('Coussins', 'images/Coussins-over.jpg'); return true;"
ONMOUSEOUT="changeImages('Coussins', 'images/Coussins.jpg'); return true;">
<IMG NAME="Coussins" SRC="images/Coussins.jpg" WIDTH=273 HEIGHT=138 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="contents/fr/d2.html"
ONMOUSEOVER="changeImages('Table', 'images/Table-over.jpg'); return true;"
ONMOUSEOUT="changeImages('Table', 'images/Table.jpg'); return true;">
<IMG NAME="Table" SRC="images/Table.jpg" WIDTH=211 HEIGHT=158 BORDER=0 ALT=""></A></TD>
<TD>
<IMG SRC="images/securefinal_05.jpg" WIDTH=55 HEIGHT=158 ALT=""></TD>
<TD COLSPAN=2>
<A HREF="contents/fr/d4.html"
ONMOUSEOVER="changeImages('Linge', 'images/Linge-over.jpg'); return true;"
ONMOUSEOUT="changeImages('Linge', 'images/Linge.jpg'); return true;">
<IMG NAME="Linge" SRC="images/Linge.jpg" WIDTH=198 HEIGHT=158 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/securefinal_07.jpg" WIDTH=175 HEIGHT=179 ALT=""></TD>
<TD COLSPAN=4>
<A HREF="contents/fr/d4.html"
ONMOUSEOVER="changeImages('Bebe', 'images/Bebe-over.jpg'); return true;"
ONMOUSEOUT="changeImages('Bebe', 'images/Bebe.jpg'); return true;">
<IMG NAME="Bebe" SRC="images/Bebe.jpg" WIDTH=126 HEIGHT=179 BORDER=0 ALT=""></A></TD>
<TD>
<IMG SRC="images/securefinal_09.jpg" WIDTH=163 HEIGHT=179 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=175 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=16 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=55 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=35 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=163 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML> |
Quelqu'un saurait il s'il existe une solution au probleme? merci merci merci
window.onload et frame
Répondre avec citation
Partager