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. –
- 1. Button BackgroundImage Propriété
- 2. PictureBox BackgroundImage Propriété C#
- 3. Comment changer la propriété css background-image w/jquery
- 4. changer la propriété de CSS div en utilisant php
- 5. Problème avec modification de la propriété backgroundImage
- 6. Comment changer l'affichage de css aucune ou bloquer la propriété en utilisant Jquery?
- 7. Comment ajouter une classe css avec Mootools
- 8. soumettre formulaire en utilisant mootools
- 9. Changer tous les styles CSS avec une propriété via Jquery
- 10. Voir Tab en PHP en utilisant Mootools
- 11. changer le format html avec css en utilisant php
- 12. Mootools: Comment changer la classe si les conditions suivantes css est
- 13. Comment changer la syntaxe en soulignant CSS?
- 14. Changer les styles de page en utilisant JS et CSS?
- 15. Increment supérieure en utilisant la propriété css jquery
- 16. CSS/Javascript (Mootools je pense) Label placer
- 17. C# winforms Imagebox, backgroundimage zoomé en haut?
- 18. forme Onclick soumettre en utilisant Mootools
- 19. tween ou morph plusieurs éléments basés sur le sélecteur de classe css en utilisant mootools?
- 20. Comment étendre dans ma classe un élément Dom, dans mootools
- 21. MooTools: Supprimer la classe CSS de l'élément
- 22. Comment réécrire ce code jQuery en utilisant Mootools?
- 23. comment créer une liste déroulante en utilisant Mootools?
- 24. Comment remplacer la classe de style en utilisant Mootools
- 25. Comment remplacer la propriété css?
- 26. Mootools la modification d'un des éléments css en ligne
- 27. Comment changer les images en utilisant jquery en utilisant .load()
- 28. Comment changer la couleur d'arrière-plan de UITableViewCell en utilisant ma propre combinaison de couleurs
- 29. Comment morphiser les propriétés css multi-parties avec Mootools Fx?
- 30. changement css en ligne en utilisant jquery
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 –