Je suis novice Comment changer ma propriété css background-image en utilisant Mootools?Comment changer ma propriété css background-image en utilisant Mootools?
Répondre
The MooTools docs for Element.Style devrait pouvoir répondre à celui-ci pour vous.
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>
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.
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
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. –
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
Peut-être que les anciens docs ont montré un exemple mais les derniers docs ne montrent pas un exemple de réglage background-image –