App6: Image slide show using jquery

<!–

This is very normal slide show code using jquery

–>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
var c=0;
function f(a)
{
var i=new Image();
i[0]=”image/1.jpg”;
i[1]=”image/2.jpg”;
i[2]=”image/3.jpg”;
i[3]=”image/4.jpg”;
i[4]=”image/5.jpg”;
if(c==5)
c=0;
$(‘img’).attr(‘src’,i[c]);
c=c+1;
setTimeout(“f(c)”,4000);
}

</script>
<style type=”text/css”>

#frame
{
border:5px inset #999;
padding:3px;
margin:0 auto;
height:250px;
width:760px;
}

img
{
height:250px;
width:760px;
}
</style>
</head>

<body onload=”f(0)”>
<div id=”frame”>
<img src=”” alt=”image” name=”m”/>
</div>
</body>
</html>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s