Ces jours ci, je fais un site web pour la guilde World of warcraft screamwolfs: guilde d'amis vivant près de chez moi. Pour ceux qui vivent sur Mars, WoW est un jeu de rôle online où vous incarnez un personnage et faîtes des quêtes.
Rien de spécial à dire de plus, si ce n'est que j'ai fait la section screenshots, basée sur les previews des images des msn spaces (oui... désolé). Il y a donc un timer et des images défilant toutes les 2 secondes. Le but final du site est tout simplement d'afficher des news, de s'échanger les add-ons, et de garder les caractéristiques des différents personnages. Voilà donc le code de la partie dhtml, pour l'information...
function diaporama()
{
clearTimeout(timerID);
var elt = document.getElementById("diaporama").childNodes[0];
var nombre = elt.childNodes.length ;
elt.childNodes[diapo_old].style.height = "0px";
elt.childNodes[diapo_old].style.visibility= "hidden";
elt.childNodes[diapo_old].style.display= "none";
diapo_old++;
if (diapo_old >= nombre) { diapo_old=0; }
elt.childNodes[diapo_old].style.height = "auto";
elt.childNodes[diapo_old].style.visibility = "visible";
elt.childNodes[diapo_old].style.display= "block";
timerID = setTimeout("diaporama();",2000);
}
function diapo_next()
{
var elt = document.getElementById("diaporama").childNodes[0];
var nombre = elt.childNodes.length ;
elt.childNodes[diapo_old].style.height = "0px";
elt.childNodes[diapo_old].style.visibility= "hidden";
elt.childNodes[diapo_old].style.display= "none";
diapo_old++;
if (diapo_old >= nombre) { diapo_old=0; }
elt.childNodes[diapo_old].style.height = "auto";
elt.childNodes[diapo_old].style.visibility = "visible";
elt.childNodes[diapo_old].style.display = "block";
}
function diapo_previous()
{
var elt = document.getElementById("diaporama").childNodes[0];
var nombre = elt.childNodes.length ;
elt.childNodes[diapo_old].style.height = "0px";
elt.childNodes[diapo_old].style.visibility= "hidden";
elt.childNodes[diapo_old].style.display= "none";
diapo_old--;
if (diapo_old < 0) { diapo_old=nombre-1; }
elt.childNodes[diapo_old].style.height = "auto";
elt.childNodes[diapo_old].style.visibility = "visible";
elt.childNodes[diapo_old].style.display = "block";
}
function diapo_stop()
{
clearTimeout(timerID);
}