Murray Brown
asked on
ASP.net VB.net Javascipt Zooming effect on easy slider
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(200 0).next('i mg').fadeI n(2000).en d().append To('.slide r'); }, 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>
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(200
});
</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>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER