Как сделать простой авто слайд-шоу с javascript?

Я хочу сделать простую слайд-шоу, которая автоматически воспроизводится при загрузке страницы. Вот мой код:

HTML:

CSS:

 #slideshow { position: relative; width: 900px; height: 450px; } #slideshow > div { position: absolute; } 

Если возможно, кто-то может предоставить мне код JavaScript, который будет автоматически воспроизводить слайд-шоу, а также сменить слайды с помощью перехода слайдов, а также воспроизвести бесконечное количество раз, пока пользователь остается на странице? Кроме того, возможно, навигационная система имеет номера в правом нижнем углу. Вот пример того, что я ищу: ( http: //www.http: //www.suprafootwear.com/ ). Большое слайд-шоу вверху – это то, что я хочу, единственное отличие состоит в том, что я хочу, чтобы переход был линейным движением скольжения вместо перехода на постепенный переход. Пожалуйста, поддерживайте размер 900px x 450px. Любая помощь приветствуется. Заранее спасибо!

Попробуйте этот простой javascript-код, чтобы сделать слайдер изображения.

      

Если вам нужно бесконечное повторение при загрузке без кнопок для управления им, нет необходимости в JavaScript. Используйте анимацию или переход к ключевому кадру CSS.

глянь сюда:
http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/ http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/

Взгляните на KickStart http://www.99lime.com/elements/ Он имеет именно то, что вам нужно, и некоторые другие очень полезные элементы для быстрой разработки.

$ (“# slideshow> div: gt (0)”). hide ();

setInterval (function () {$ (‘# slideshow> div: first’) .fadeOut (1000) .next () .fadeIn (1000) .end () .appendTo (‘# slideshow’);}, 3000);