Mon problème est le suivant : sur le site web que je suis en train de créer, j'aimerais mettre plusieurs visionneuses d'images en javascript sur la même page.
Les deux scripts marchent séparément mais une fois mis ensemble, ils ne marchent plus...
J'ai fais plusieurs recherches sur internet donc si quelqu'un peut m'aider... ce serait bien! http://forum-images.hardware.fr/icones/smile.gif
Je vous mets le code de ma page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
background-color: #000;
color: #FFF;
font-size: 24px;
font-family: Verdana, Geneva, sans-serif;
}
.e {
font-size: 40px;
font-family: Verdana, Geneva, sans-serif;
}
.R {
color: #CCC;
}
a:link {
text-decoration: none;
color: #CCC;
}
a:visited {
text-decoration: none;
color: #CCC;
}
a:hover {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
color: #CCC;
}
</style>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("12 APO.jpg", "caverne V2.jpg", "IMG_5385.jpg" );
var numero = 1;
function changer() {
document.image.src = "images/photos/"+nom[numero];
numero += 1;
if (numero == nom.length + 1) numero = 1;
setTimeout("changer()", 2000);
}
//-->
</script>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("IMG_6328.jpg", "IMG_6339.jpg", "IMG_6350.jpg" );
var numero = 1;
function changer() {
document.image.src = "images/photos/"+nom[numero];
numero += 1;
if (numero == nom.length + 1) numero = 1;
setTimeout("changer()", 2000);
}
//-->
</script>
</head>
<body onLoad="changer()">
<table width="1358" border="0" cellspacing="0" cellpadding="0">
<tr>
<th height="118" class="e" scope="col"><span class="R"><a href="index.htm">ALEXANDRE ROCA</a></span> photographie</th>
</tr>
<tr bgcolor="#333333">
<td height="50" bgcolor="#333333"> </td>
</tr>
<tr>
<td height="50"><table width="1358" border="0">
<tr bgcolor="#999999">
<td width="335" align="center" bgcolor="#999999" class="AB">Paysages</td>
<td width="333" align="center" class="AB">Urbains</td>
<td width="334" align="center" class="AB">Panoramas</td>
<td width="338" align="center" class="AB">Noirs et Blancs</td>
</tr>
</table></td>
</tr>
<tr bgcolor="#333333">
<td height="50"> </td>
</tr>
<tr bgcolor="#000000">
<td height="107"><table width="1358" border="0">
<tr bgcolor="#999999">
<td width="340"><img src="images/photos/12 APO.jpg" width="336" height="231" name="image"> </td>
<td width="338"><img src="images/photos/IMG_6328.jpg" width="336" height="231" name="image"> </td>
<td width="339"> </td>
<td width="341"> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
