tfe Homepage

15/05/2006

screamwolfs et diaporama dhtml

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 fê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. Voile  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); }