Bonsoir tout le monde,
Je butte actuellement sur un gros souci qui peut paraitre à nombre d'entre vous très mineur. C'est la première fois que j'utilise Java dans ma programmation.
Alors voilà, j'ai voulu intégrer au sein de mon site web, déjà conçu, une animation de photos sous forme de fondu. Je me suis basé sur ce fichier :
http://www.javascriptfr.com/codes/FONDU-ENCHAINER-ENTRE-PLUSIEURS-IMAGES_38868.aspx J'ai aussi téléchargé le fichier js lié.
Tout marche à la perfection. La page test HTML du code fonctionne sans aucun souci.
Mais je ne sais pas comment insérer au sein du code HTML du site, dans un endroit bien déterminé, le code source de l'animation. Dois-je lié le fichier js ou insérer le code de cette animation ? J'ai tenté cette dernière solution, à l'endroit voulu mais toute ma page de décale. J'ai lié le js mais çà ne donne rien.
Voilà le code de ma page sans les URL des images (je ne les pas encore hébergées) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>index estrella défilment.png</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}body {
background-color: #CCCCCC;
}
</style>
<!--Fireworks 8 Dreamweaver 8 target. Created Tue Dec 09 14:46:09 GMT+0100 2008-->
</head>
<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="index estrella défilment.png" fwbase="index estrella défilment.png" fwstyle="Dreamweaver" fwdocid = "1230553956" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="508" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="485" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="7" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="indexestrelladfilment_r1_c1" src="index%20estrella%20d%E9filment_r1_c1.png" width="1000" height="202" border="0" id="indexestrelladfilment_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="202" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="indexestrelladfilment_r2_c1" src="index%20estrella%20d%E9filment_r2_c1.png" width="508" height="548" border="0" id="indexestrelladfilment_r2_c1" alt="" /></td>
<td background="index estrella défilment_r2_c2.png">
ici insersion de l'animation </td>
<td rowspan="2"><img name="indexestrelladfilment_r2_c3" src="index%20estrella%20d%E9filment_r2_c3.png" width="7" height="548" border="0" id="indexestrelladfilment_r2_c3" alt="" /></td>
<td><img src="spacer.gif" width="1" height="353" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="indexestrelladfilment_r3_c2" src="index%20estrella%20d%E9filment_r3_c2.png" width="485" height="195" border="0" id="indexestrelladfilment_r3_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="195" border="0" alt="" /></td>
</tr>
</table>
<div align="center"></div>
</body>
</html>
D'avance merci pour votre aide.