Effect on jQuery [closed]

Something like that? JsFiddle Example

$(window).scroll(function () {

        /* checar a localização dos elementos */
        $('.imagem').each(function (i) {

            var bottom_of_object = $(this).position().top + $(this).outerHeight();
            var bottom_of_window = $(window).scrollTop() + $(window).height();

            /* se o objeto estiver completamente "scrollado" */
            /* pra dentro da janela, fazer o fade in */
            if (bottom_of_window > bottom_of_object) {

                $(this).animate({
                    'opacity': '1'
                }, 500);

            }

        });

    });

Remember to set% w / o% of the objects you want to fade in to opacity .

SuperScrollorama , a plugin for jQuery, has what you need. Also, I could count at least 14 other scroll effects in their demo: -)

You can use the jQuery.appear plugin.

$('img[src]').appear(function(){
    $(this).show();
});