Solved

ASP.net VB.net Javascipt Zooming effect on easy slider

Posted on 2014-04-22
2
512 Views
Last Modified: 2014-04-26
Hi
I am using the following javascript code on a web form in my ASP.net VB.net
project to create fading images. My site is www.leadershipsurvey.co.za
How do I create a zooming effect like that on the following site: http://www.ctss.co.za/ ?

     
            <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></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*/
        });
    </script>
    <style type="text/css">
      .slider { clear:both; position:relative; height:270px; width:930px; }
      .slider img { position:absolute; left:0px;
top:0;cursor:pointer;
            width: 930px;
            height: 270px;
        }
    </style>


    <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" />

    </div>
0
Comment
Question by:murbro
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 7

Accepted Solution

by:
Utkarsh Kulkarni earned 500 total points
ID: 40014423
0
 

Author Closing Comment

by:murbro
ID: 40024335
Thanks very much
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

732 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question