Home/ Questions/Q 3456376
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T09:43:43+00:00

I have created a small slide show. However, it doesn’t really look very smooth.

  • 0

I have created a small slide show. However, it doesn’t really look very smooth. How can I make the transitions look smoother?

Here’s the relevant code. wod is a variable in this case 350px . tranSpeed is 1000 and is time for the animation to occur. I have tried setting this to different values, and still get the same jagged appearence.

$('#slideShowInner').stop(true,true).animate({'left':'-=' + wod}, tranSpeed, function (){ autoSlide = setTimeout(fred, slidetime) });

You can see what I mean at http://www.en2krew.com/clothing.html

Thanks

Here is the html code that is 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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It wasn’t the p tags issue although I took note of that for later jQuery thingies. There where no p tags in this project.

    I figured it might be margins/padding – but still doing it when I took them off.

    In the end I sort of “Gave up” with this. Its fine in everything – even IE9. In IE8 it cxould be taht I am looking on a laptop (albeit a good one, and FF, Saf etc are good…)

    I decided to live with it.

    • 0