Look at the bottom of the page:
http://awrdev.g3tech.in/jquery_tutorials/
The source is simple:
<html>
<title>jQuery slideshow</title>
<head>
<link rel="stylesheet" href="/css/stylesheet.css" type="text/css" />
<script src="/jquery/jquery.min.js"> </script>
<script src="/jquery/jquery.cycle.lite.js"> </script>
<script>
$(function() {
$('#gallery').cycle();
})
</script>
</head>
<body>
<h1> Photo gallery</h1>
<div id="gallery">
<img src="/images/forest1.jpg" />
<img src="/images/forest2.jpg" />
<img src="/images/island1.jpg" />
<img src="/images/island2.jpg" />
<img src="/images/mount1.jpg" />
<img src="/images/sunrise.jpg" />
</div>
<div id="footer" >
<p> jQuery cycle plugin simple demo </p>
<p><a href="http://jquery.malsup.com/cycle";>jQuery
Cycle plugin</a></p>
</div>
</body>
</html>
I shall henceforth add new tutorials to the bottom of the above page.
So bookmark and keep checking for my daily updates.
However there is a problem here.
The very first image is shown towards the right side. But the rest of
the slideshow
happens centered.
I could not fix it.
It is a CSS bug.
First time I confess my ignorance of CSS. I am sure I have many dark corners.
But so far I have been able to achieve what I wanted with jQuery.
The integrated image anime thing was truly satisfying.
-Girish
--
Gayatri Hitech
http://gayatri-hitech.com
_______________________________________________
ILUGC Mailing List:
http://www.ae.iitm.ac.in/mailman/listinfo/ilugc
ILUGC Mailing List Guidelines:
http://ilugc.in/mailinglist-guidelines
