conflit avec deux javascript - HTML/CSS - Programmation
Marsh Posté le 19-12-2010 à 23:33:38
Ya même pas besoin d'étape là, il mets 2x le même script, mêmes fonctions, donc les premières déclarations sont écrasés par la deuxième déclaration
premiere chose ne jamais aller sur les sites de merde comme Jejavascript et editeurjavascript. Ces sites ne font que proposer du code de merde.
Marsh Posté le 19-12-2010 à 23:44:18
Code :
|
et bien sur tu créés 2 images avec un id différent :
Code :
|
Marsh Posté le 18-12-2010 à 10:10:56
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>