Bonjour,
Après avoir trouver sur le site un script qui permet d'afficher au chargement de la page l'arrière plan en fondu, j'aimerai maintenant l'adapter afin de pouvoir afficher en fondu au chargement de la page une image aléatoirement. J'aurai donc plusieurs images d'arrière plan. Ce que je cherche c'est donc à ce qu'il y ai qu'une seule image qui se charge en fondu lorsque l'on ouvre la page web mais aléatoirement. Voici le code exemple que j'ai trouver permettant de faire un chargement d'une image en fondu :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
var opa=0
function go(){
opa+=1
if(document.all && !window.opera){
document.getElementById('imma').style.filter = 'alpha(opacity=' + opa + ');' ;
}
else{
document.getElementById('imma').style.opacity = opa/100;
}
if(opa>=100){
return false;
}
setTimeout(go,25);
}
</script>
</head>
<body onload='go()'>
<img id="imma"STYLE="opacity:0;filter:0;position:absolute;top:150px;left:50px;"src='monimage.jpg'>
</body>
</html>
En exemple voici le genre de code que j'ai trouver pour faire un chargement d'image aléatoire. Mais pour l'instant je n'arrive pas à "assembler" ces deux styles de codes.
ARRIERE PLAN ALEATOIRE
Lignes de codes à insérer entre les balises HEAD
<Script Language="JavaScript">
<!--
//liste des images
var img1 = "img1.gif"
var img2 = "img2.gif"
var img3 = "img3.gif"
var img4 = "img4.gif"
var img5 = "img5.gif"
//en cas de modification, modifiez la valeur du randomize ci-dessous, ici 5
var rnd = Math.round(Math.random()*5)
//le 0 peut se produire....
if (rnd == 0){newimg = img1};
if (rnd == 1){newimg = img1};
if (rnd == 2){newimg = img2};
if (rnd == 3){newimg = img3};
if (rnd == 4){newimg = img4};
if (rnd == 5){newimg = img5};
//affichage du logo
document.write('<center><IMG SRC="'+newimg+'"></center>')
//-->
</script>
D'avance merci si quelqu'un pouvait m'aider à adapter ces deux scripts pour l'utilisation dont j'ai besoin. J'avoue que je bloque même si ca ne semble pas si compliqué. HELP !
Julien Giuliano