Bonjour à tous !
Je viens solliciter votre aide parce que je suis en train de m'arracher les cheveux !!
Je suis en train de créer mon site (bientôt en ligne). J'ai utilisé un template et une feuille de style externe pour définir toutes mes pages.
Dans la div centrale de ma page, j'ai défini par CSS une image de fond et j'aimerai que celle-ci puisse changer au chargement des pages. J'avais trouvé un petit script qui marchait pas trop mal mais impossible de l'adapter pour mon template...
Je vous explique ce que je voulais faire et puis je vous mets le code, vous allez peut-être (certainement !!) réussir à éclairer ma lanterne, je suis une bille en javascript !!
Ce que je voulais définir en javascript :
- var = aller chercher la class 'centrale' dans la feuille de style externe modele.css
- var = new Array avec les images de remplacement
-Fonction à l'ouverture de la page si l'image background de la div 'centrale' = image1.jpg alors choisir une autre image dans new array
Ca c'était l'idée....
Et mon code où il manque des trucs, c'est ça (je l'ai trouvé sur un site) :
<script type="text/javascript">
<!--
var fond = new Array("url(img/soldat1.jpg)", "url(img/soldat2.jpg)", "url(img/soldat3.jpg)");
function rand() {
return Math.floor(Math.random() * fond.length) ;
}
window.onload = function (){
document.getElementById('centrale').style.backgroundImage=fond[rand()];
}
//-->
</script>
Vous n'auriez pas une idée pour m'aider ???
Merci d'avance,
Kalanna