 You don't need to be an 'investor' to invest in Singletrack: 6 days left: 95% of target - Find out more
Can anyone point me in the direction of a decent script for a single web page that will display images/photo's that fade in and out on a random basis please?
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>A Simple jQuery Fade In/Fade Out</title>
<style>
#picOne, #picTwo {
position:absolute;
display: none;
}
#pics {
width:100px;
height:100px;
}
</style>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#picOne').fadeIn(1500).delay(3500).fadeOut(1500);
$('#picTwo').delay(5000).fadeIn(1500);
});
</script>
</head>
<body>
<div id="pics">
<img src="firstPic.jpg" width="300" height="300" id="picOne" />
<img src="secondPic.jpg" width="300" height="300" id="picTwo" />
</div>
</body>
</html>
EDIT: oh, didn't notice the 'random basis' bit, other than that...