2009-11-16 5 views

Répondre

2

The MooTools docs for Element.Style devrait pouvoir répondre à celui-ci pour vous.

+0

J'ai vu ce code pour Mootools de http://stackoverflow.com/questions/913173/body-background-image-change-with-fade-effect-mootools $ (document.body) .setStyle ('arrière-plan -image ',' url ('+ pBackground +') '); Mais je ne sais pas comment l'appliquer ... – efoc

+0

Peut-être que les anciens docs ont montré un exemple mais les derniers docs ne montrent pas un exemple de réglage background-image –

7

Exemple, à la page charge:

<div id="yourElement"></div> 

<script type="text/javascript"> 
window.addEvent('domready', function() { 
    $('yourElement').setStyle('background-image', 'url(path/to/your/image)'); 
}); 
</script> 
1
window.addEvents({ 
    // fire when the DOM is loaded 
    domready: function(){ 
    // path to the image 
    var pathToBackgroundImage = '/path/to/the/image.jpg'; 
    // set the background-image 
    $(document.body).setStyle('background-image','url(' + pathToBackgroundImage + ')'); 
    } 
}); 

Vous devez adopter une approche sensiblement différente si vous décidez que vous souhaitez effacer dans l'image.

+0

Merci. Toute démo pour l'effet de fondu pour l'image de fond? J'ai vu cela dans http://devthought.com/wp-content/projects/mootools/barackslideshow/Demo/ Est-il possible de le faire pour changer l'image de fond? – efoc

+0

Ce n'est pas aussi facile. Il n'y avait pas de morphing strictement l'image de fond du document. Vous devez créer un conteneur d'arrière-plan faux (un div positionné de manière absolue, sous le reste du contenu du corps) et appliquer des scripts sur cet élément et non sur le corps lui-même. Je n'ai jamais vu cela correctement. –

Questions connexes