Modification d'un div contenant du texte à l'aide de JS
Posté : 23 janv. 2013, 12:51
Bonjour,
J'ai trouvé un morceau de code permettant de rafraîchir l'image contenue dans un div toutes les x secondes.
J'aimerais l'adapter pour qu'un autre div contenant du texte se rafraîchisse aussi (selon le même index x).
J'ai franchement du mal avec le javascript et je n'arrive pas à savoir comment accéder au contenu du div id "texte", le paramètre est-il "src" ou" content" ?
Merci à tous pour votre précieuse aide !
J'ai trouvé un morceau de code permettant de rafraîchir l'image contenue dans un div toutes les x secondes.
J'aimerais l'adapter pour qu'un autre div contenant du texte se rafraîchisse aussi (selon le même index x).
J'ai franchement du mal avec le javascript et je n'arrive pas à savoir comment accéder au contenu du div id "texte", le paramètre est-il "src" ou" content" ?
Merci à tous pour votre précieuse aide !
<html><head>
<script>
function changeImage()
{
var img = document.getElementById("imageprofile");
img.src = images[x];
x++;
if(x >= images.length){
x = 0;
}
fadeImg(img, 600, true);
setTimeout("changeImage()", 10000);
}
function fadeImg(el, val, fade){
if(fade === true){
val--;
}else{
val ++;
}
if(val > 0 && val < 100){
el.style.opacity = val / 100;
setTimeout(function(){fadeImg(el, val, fade);}, 10);
}
}
var images = [],
x = 0;
images[0] = "/img/profile/1.jpg";
textes[0] = "texte image 1";
images[1] = "/img/profile/2.jpg";
textes[2] = "texte image 2";
images[3] = "/img/profile/3.jpg";
textes[3] = "texte image 3";
setTimeout("changeImage()", 10000);
</script>
</head><body>
<img id="imageprofile" src="">
<div id="texte">ici le texte à rafraîchir selon le même index x (lié à mon image)</div>
</body></html>