0

私は彼の画像に細かいフェードインを望む写真家のためのウェブサイトを作成しています。私は解決策としてフラッシュを除外しました、そしてmootoolsfxのそれらの見栄えの良い効果を使いたいです。しかし、問題は、JavaScriptに関しては私が本当にお粗末だということです。したがって、誰かが1つの画像のオンロードでフェードインするための簡単な解決策を教えてくれれば、画像がロードされたときに私は本当に幸せになります。私はこれを持っている多くの異なる人々がそこにいることを知っています。しかし、問題は、それが完全な解決策であっても、コードがどのように機能するかわからないことです。とても重要です。誰かがコードのすべての行が何をしているのかを説明する時間があれば、私は感謝しているでしょう。ありがとう！

4

1 に答える 1

4

単純なフェードインは、確かに想像できる最も単純なものです。

// set-up an event on the browsers window
window.addEvents({

    // be sure to fire the event once the document is fully loaded
    load: function(){

        // assing 'singleImage' variable to the image tag with the 'image' ID
        var singleImage = $('image');

        // set a bunch of CSS styles to the aforementioned image
        singleImage.set('styles', {
            'opacity': 0,
            'visibility': 'visible'
        });

        // fade in the image
        singleImage.fade('in');
    }
});​

実例： http： //jsfiddle.net/oskar/RNeS5/（HTML、CSS、MooTools）

于 2010-05-20T20:17:59.450 に答える