Javascipt Zooming effect on easy slider

I am using the following javascript code on a web form in my
project to create fading images. My site is
How do I create a zooming effect like that on the following site: ?

            <script type="text/javascript" src=""></script>
    <script type="text/javascript">
        $(function () {
            $('.slider img:gt(0)').hide();
            setInterval(function () { $('.slider :first-child').fadeOut(2000).next('img').fadeIn(2000).end().appendTo('.slider'); }, 50000); /*5 sec*/
    <style type="text/css">
      .slider { clear:both; position:relative; height:270px; width:930px; }
      .slider img { position:absolute; left:0px;
            width: 930px;
            height: 270px;

    <div class="slider" style="margin:0 auto;">
        <img src="Image_Slide2/1.jpg" />
        <img src="Image_Slide2/2.jpg" />
        <img src="Image_Slide2/3.jpg" />
        <img src="Image_Slide2/4.jpg" />

Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

Utkarsh KulkarniConnect With a Mentor Sr. Sw EngCommented:
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
Thanks very much
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.