Forum Clubic

[Javscript] Chager une image toutes les secondes - [résolu]

Bonjour,

est’il possible faire cela : j’ai une image
<img src="…/images/logo_ubuntu.png" alt=“Ubuntu” id=“1”>

et avec un javascript je voudrais la remplacer par celle ci-dessous après une seconde :
<img src="…/images/logo_kubuntu.png" alt="Kubuntu" id="2">

toujours avec un javascript de voudrais que cela tourne en boucle
si quelqu’un pourrai me dire comment on fé, ca me serait d’une grande utilité
merci à vous

Essaye :

<body onload="run_img_loop()">
<div id="img_loop"><img src="../images/logo_ubuntu.png" alt="Ubuntu" id="1"></div>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
function chg_img()
{
if(image==1)
{
document.getElementById("img_loop").innerHTML="<img src='../images/logo_kubuntu.png' alt='Kubuntu' id='2'>";
image=2;
}
else
{
document.getElementById("img_loop").innerHTML="<img src='../images/logo_ubuntu.png' alt='Ubuntu' id='1'>";
image=1;
}
}

function run_img_loop()
{
image=1;
timer=setInterval("chg_img()",1000);
}

//--><!]]>
</script>

apparement ca ne fonctionne pas
merci quand même

j’ai essayer avec une autre fonction mais ca ne modifie pas l’image, on voit qu’elle est quand même chargé, sachant que maintenand l’id de l’image c’est a :

window.setTimeout("document.getElementById('a').innerHTML=\"<img src='../images/logo_kubuntu.png' alt='Kubuntu' id='a'>\";",1000);

Je viens de tester ca marche sans probleme pourtant.

Ie 6 ou opera 9 ou fx 1.0

Vioila le fichier complet

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html?#62;
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1"/>
<title>test</title>
</head>
<body onload="run_img_loop()">
<div id="img_loop"><img src="../images/logo_ubuntu.png" alt="Ubuntu" id="1"></div>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
function chg_img()
{
if(image==1)
{
document.getElementById("img_loop").innerHTML="<img src='../images/logo_kubuntu.png' alt='Kubuntu' id='2'>";
image=2;
}
else
{
document.getElementById("img_loop").innerHTML="<img src='../images/logo_ubuntu.png' alt='Ubuntu' id='1'>";
image=1;
}
}

function run_img_loop()
{
image=1;
timer=setInterval("chg_img()",1000);
}

//--><!]]>
</script></html?#62;

hum d’accord je vien de comprendre
il faut intégrer l’image dans un div par exemple
merci

encore merci