TfeServer

Blog de tfe, Perl, Web et Libre...?

screamwolfs et diaporama dhtml

Publié le 15/05/2006 dans Web

Ces jours ci, je fais un site web pour la guilde World of warcraft screamwolfs: guilde d'amis vivant pre¨s de chez moi. Pour ceux qui vivent sur Mars, WoW est un jeu de re´le online oe¹ vous incarnez un personnage et fae®tes des queªtes.

Rien de spe©cial e  dire de plus, si ce n'est que j'ai fait la section screenshots, base©e sur les previews des images des msn spaces (oui... de©sole©). Il y a donc un timer et des images de©filant toutes les 2 secondes. Le but final du site est tout simplement d'afficher des news, de s'e©changer les add-ons, et de garder les caracte©ristiques des diffe©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); }