Jquery slide from right to left

Question

I have the follow code:

$("#headerimg" + currentContainer).slideUp(function() {
  setTimeout(function() {
    $("#headertxt").slideUp(100).css({"display" : "block"});
    animating = false;
  }, 500);
});

Now the pictures animate from bottom to top. But i want that the picture, slide from right to left. What in the code i must change?

you could just animate the right / left margin of your image using 'animate' — meo, Jul 07 '10 at 09:37
welcome to SO, while you're here please visit http://stackoverflow.com/faq — Reigel Gallarde, Jul 07 '10 at 09:40

score 3 · Answer 1 · edited May 23 '17 at 12:13

3

Here is a great tutorial to slide elements in different directions.

from jQuery - slide right to left?

edited May 23 '17 at 12:13

Community

1
1

answered Jul 07 '10 at 09:45

gblazex

49,155
12
98
91

score 1 · Answer 2 · answered Jul 07 '10 at 09:47

There is no build-in method like "slideLeft" in jQuery. So you either have to write a little plugin like

$.fn.slideLeft = function(speed){
     return this.each(function(){
        var $this = $(this);
        $this.animate({'width': '0px'}, jQuery.fx.speeds[speed] || 200);
     });
};

or you have to look for an already existing plugin out there.

Jquery slide from right to left

2 Answers2