Hvordan lager jeg en fin ser bilde fadein onload med MooTools du?

stemmer
0

Jeg er å lage et nettsted for en fotograf som ønsker en fin fadein på sine bilder. Jeg har utelukket flash som en løsning og ønsker å bruke de fine utseende effekter av MooTools fx. Men problemet er at jeg er virkelig elendig når det kommer til javascript. Så hvis noen kunne gi meg en enkel løsning for falming i ett enkelt bilde onload og når bildet er lastet jeg ville være veldig fornøyd. Jeg vet det er mange forskjellige mennesker der ute som har dette. Men problemet er at jeg ikke vet hvordan koden fungerer selv om det er en komplett løsning. Så det viktigste. Hvis noen har fått tid til å forklare hva hver eneste linje med kode har jeg ville være mer enn takknemlig. Takk!

Publisert på 20/05/2010 klokken 16:35
kilden bruker
På andre språk...                            


1 svar

stemmer
4

En enkel fade-in er sikkert den enkleste ting man kan forestilt:

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

Arbeide eksempel: http://jsfiddle.net/oskar/RNeS5/ (HTML, CSS, MooTools)

Svarte 20/05/2010 kl. 18:17
kilden bruker

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more