CODEWITHSUNDEEP
jqueryjquery-ui
Giacomo Ciampoli
Giacomo Ciampoli

Reputation: 821

add easing effect to jquery ui

starting by this script:

<script type="text/javascript">
    $( document ).ready(function() {
        $('h1').hide();
        $('img').hide();
        console.log( "document loaded" );
    });
 $( window ).on( "load", function() {
        $("h1").slideDown(3500);
        $('img').each(function(){$(this).show('blind',5000)


        console.log( "window loaded" );
    });
    });

</script>

how can i add easing effect to the show function?

these are the cdn in my code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script>

Thanks

Upvotes: 0

Views: 40

Answers (1)

Giacomo Ciampoli
Giacomo Ciampoli

Reputation: 821

ok i solved, the previous code select only all images, now i wrapper all of them in divs box and select divs instead, the final effect results much better

Upvotes: 1

Related Questions