Hi,
On Tue, Jun 25, 2013 at 10:59 AM, Girish Venkatachalam < [email protected]> wrote: > 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. > You can have a look into jquery cycle2 plugin ( http://jquery.malsup.com/cycle2/). It has more features and its really cool. > > -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 > -- Regards Ramachandran _______________________________________________ ILUGC Mailing List: http://www.ae.iitm.ac.in/mailman/listinfo/ilugc ILUGC Mailing List Guidelines: http://ilugc.in/mailinglist-guidelines
