Left to Right Image slider

[<M/>]

Does anyone know how to make a left to right image sliders.... You know... those that slide left to right...!
Thanks!

[JameB]

https://www.google.ca/search?q=Left+to+Right+Image+slider

Next time please try Google first.

[<M/>]

I have officialy been dumbfounded...

[JorgeM]

Wow, I clicked on the google search link above and this thread came out first on the list of the results. I'm in an endless loop here...

[Dani]

Sorry mSedique ...

What do you mean image slider?? Also, are you familiar with jQuery and/or would you be willing to include the jQuery javascript library?

[<M/>]

hehe, i actually figured it out, I'll paste my slider's code:

$(window).load(function() {
var slideContainer = $('#slider_container'), slidesHolder = $(slideContainer).children(), slideWidth = slideContainer.width(), slidePos = 0, slides = $(slidesHolder).children(), slideTotal = slides.length, currentSlide = 0, delay = 3000, slideTime = 700;
  $(slideContainer).css({
    'overflow':'hidden',
    'position': 'relative'
  });
  $(slidesHolder).css({
    'position': 'absolute'
  });
  for (var i = 0; i < slides.length; i++) {
    $(slides[i]).css({
      'position': 'absolute',
      'top': '0',
      'left': slidePos + 'px'
    });
    slidePos = slidePos + slideWidth;
  }
  $(slidesHolder).css('width', slidePos + slideWidth);
  $(slides).first().clone().css({
    'left': slidePos  + 'px'
  }).appendTo(slidesHolder);
  function animate() {
    $(slidesHolder).delay(delay).animate({
      left: '-=' + slideWidth
    }, slideTime, function() {
      if (currentSlide < slideTotal - 1) {
        currentSlide++;
        animate();
      } else {
        $(slidesHolder).css({
          'left': 0
        });
        currentSlide = 0;
        animate();
      }
    });
  }
  animate();
});

Thanks you guys for trying to help me out!