jquery - animation not very smooth -
i have created small slide show. however, doesn't smooth. how can make transitions smoother?
here's relevant code. wod variable in case 350px . transpeed 1000 , time animation occur. have tried setting different values, , still same jagged appearence.
$('#slideshowinner').stop(true,true).animate({'left':'-=' + wod}, transpeed, function (){ autoslide = settimeout(fred, slidetime) });
you can see mean @ http://www.en2krew.com/clothing.html
thanks
here html code used:
<div id="slideshowwindow"> <div id="slideshowinner"> <img src="images/clothingphotos/sonnytshirt.jpg" alt="" width="350" height="350" /> <img src="images/clothingphotos/bethtshirt.jpg" alt="" width="350" height="350" /> <img src="images/clothingphotos/mayaelliejesstshirt.jpg" alt="" width="350" height="350" /> <img src="images/clothingphotos/alfiemilessebtshirt.jpg" alt="" width="350" height="350" /> <img src="images/clothingphotos/geehat.jpg" alt="" width="350" height="350" /> <img src="images/clothingphotos/aaronhat.jpg" alt="" width="350" height="350" /> </div> <div id="buttons"> <img id="clickprev" src="images/prevbutton.jpg" height="17" width="15" /> <img id="clicknext" src="images/nextbutton.jpg" height="17" width="15" /> <div id="pauseholder"> <img class="clickme" id="clickpause" src="images/pausebutton.jpg" height="17" width="15" /> </div> <div class="clearer"></div> <!-- buttons--></div> <!-- slideshowwindow --></div>
[answer overhaul]
i researched me friend googles.
turns out could ie, jquery , <p>
tags.
change <p>
's else.
Comments
Post a Comment