Winnipeg Photographer


jQuery image slides to the right

I was sent an email asking about how to change my previous tutorial on “How to use jQuery to make image slides”. The question was “What would I have to do in order for the picture to slide to the right instead of sliding down.

Thanks Dallas for asking that question. Here’s the jQuery code you’ll need. Again this code is based on a file that is :200px wide and 300px tall.

jQuery

image

In this case I used “Left” instead of “top”. So the code should read – Move the picture from 0 to 200px from the left to the right when hovered over. When the mouse is taken off the area known as slideWrapper then move the top image back to the original location.


Leave a Reply