?
Solved

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

Posted on 2014-04-22
2
Medium Priority
?
527 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:Murray Brown
[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 2000 total points
ID: 40014423
0
 

Author Closing Comment

by:Murray Brown
ID: 40024335
Thanks very much
0

Featured Post

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

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

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…
Suggested Courses

752 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