jquery slideshow - choppy transitions WordPress
- SOLVED
The main slideshow whenever slows done is not smooth.
[[LINK href="http://goo.gl/LP431"]]link[[/LINK]]
The last developer it seems it included the jquery lite and used the configuration from from another script:
[[LINK href="http://www.gmarwaha.com/jquery/jcarousellite/"]]jCarouselLite[[/LINK]]
<script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
id:'slider',
auto:3,
resume:true,
vertical:false,
navid:'pagination',
activeclass:'current',
position:0,
});
</script>
I don't know how come that works, but it doesn't behave smoothly. Any advice?
L.E: the issues has been spotted on 7 out 9 computers and multiple browsers.
The latest news section has the same functionality. That one is choppy too.
Answers (4)
Buzu B answers:
I'm actually having no problem seeing it. It runs smoothly. The problem will be not always there, since it depends on many factors like how many programs you are running at the same time, the characteristics of your machine, etc.
You are looking to a performance problem that has to be solved, but know this: DOM modification (needed for this kinds of animations) is expensive, and known to consume a lot of resources. I can take a look at your script, and maybe, if you only need this kind of animation, build a script that does it in a lighter way.
Buzu B comments:
Oh, by the way, this is <strong>not</strong> using jCarouselLite.
Lucian Florian comments:
jquery lite is included in the header.
TINY.slider is used for configuration, but cannot see it anywhere to be called.
Do you say you can write it better? Let me know an estimate.
Buzu B comments:
Yes I can write it better or modify what you already have. I'm currently looking at the source code for TINY.slider and it seems to be pretty specific so I think we could just modify that to either lower the number of repetitions per second or to better the math formula they use to calculate the position of the slide. It is just a matter of improving the algorithm. I can do this for 20 to 30 USD. If you are interested, please send me an email. I will message you my address.
Buzu.
Espreson Media answers:
Use Nivo slider (http://nivo.dev7studios.com/).
That's the best slider I've ever experienced..
If you want I can install and integrate it.
Thanks
Lucian Florian comments:
I confirm Nivo works good.
Dan | gteh answers:
Is it possible that it's a browser issue for you? Which browser are you using? I tested it in Chrome and Firefox and the transition is just as smooth as the example on the jquery carousel page.
Maybe you can use an alternative slider? I can provide an example if you want to switch.
Chris Lee answers:
I bet it's a loading issue. The images are probably just too big. jCarousellite is a fast plugin. There shouldn't be too many issues.
There are also some other options.
[[LINK href="http://www.smoothdivscroll.com/"]]Smoothdivscroll.com[[/LINK]]
or just plain old jquery tabs