Aléatoire de l'image d'arrière-plan dans div
J'ai un "conteneur" DIV qui s'adapte à la taille de la fenêtre à 100% et je voudrais charger une image aléatoire dans le DIV.
J'ai un travail script qui fonctionne pour l'arrière-plan html, mais je ne peux pas le faire fonctionner sur un DIV à la place.
Anyn suggestions?
Voici le script d'origine:
<script type="text/javascript">
var imgCount = 3;
var dir = 'images/';
var randomCount = Math.round(Math.random() * (imgCount - 1)) + 1;
var images = new Array
images[1] = "bg-01.jpg",
images[2] = "bg-02.jpg",
images[3] = "bg-03.jpg",
document.body.style.backgroundImage = "url(" + dir + images[randomCount] + ")"; </script>
- Et qu'est ce qu'un problème avec les div? Afficher votre code lorsque vous essayez de définir un arrière-plan pour un div, pas pour le corps.
Vous devez vous connecter pour publier un commentaire.
Il devrait y avoir aucun problème avec cela. Il suffit de trouver div, par exemple avec le document.getElementById (), et appliquer une image d'arrière-plan: la
Mais remarque que ci-dessus un bloc de script doit passer APRÈS un div, vous devez mettre à jour.
Sinon, au moment de l'exécution du script div sera pas disponible dans les DOM et
document.getElementById
trouverez rien.document.body.style.backgroundImage
définit l'arrière-plan de<body>
Vous pouvez facilement le forcer à le faire pour la div en faisant: