asked on

Javascript slideshow with images sliding in from the left

I'm trying to create a slide show in which the new image slides in from the left to cover the current image. Or the current image slides off to the right revealing the new image underneath it.

The way it is now, when you choose animation type 'slide' or 'slidefade', the images come from and return to the upper left corner, zooming in and out at the same time. What is causing that in the javascript, and how do I modify the script so that they just slide in and out as I described above?

Thanks,

John

This is a followup to: https://www.experts-exchange.com/questions/24084781/With-javascript-making-images-slide-out-to-the-right-and-in-from-the-left.html

ASKER CERTIFIED SOLUTION

sh0e

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

John Carney

ASKER

Very helpful links, sh0e, thanks. These are very cool, much cooler than what I was trying to do.

Still I would love to know how to modify the script you gave me to work different ways. For eaxmple I tried fooling around with this bit of code and nothing I do changes the way it works.

else if (settings.animationtype=='slideright'){
$(elements[last]).animate({width:'hide'},settings.speed);
$(elements[current]).animate({width:'show'},settings.speed);

I even commented out the active lines and it still worked the same way. ???

else if (settings.animationtype=='slideright'){
// $(elements[last]).animate({width:'hide'},settings.speed);
//$(elements[current]).animate({width:'show'},settings.speed);

So how would I code it so that the current image stays exactly where it is and the new image slides in from the left right over it?

Obviously the ready made stuff is way better than I could come with, but I just want to get a better grasp of the language of javascript, and no what words produce what results.

If you can get me to learn that much here, I promise I'll stop bothering you for a while :-)

Here's my latest: http://www.discretedata.com/JCRD/WREM/SlideFade_v3.html

Thanks,

John