css - Mootools を使用して背景画像の css プロパティを変更するには?

Question

Mootools を使用して背景画像の css プロパティを変更するには?

Answer 1

例、ページの読み込み時：

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

<script type="text/javascript">
window.addEvent('domready', function() {
    $('yourElement').setStyle('background-image', 'url(path/to/your/image)');
});
</script>

Answer 2

Element.Style の MooTools ドキュメントは、これに答えることができるはずです。

Answer 3

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 + ')');
  }
});

画像をフェードインしたい場合は、大幅に異なるアプローチを取る必要があります。