JavaScript Карусель / Слайдер: как добавить автопереход изображений?

#javascript #jquery #html #slider #carousel

#javascript #jquery #HTML #слайдер #карусель

Вопрос:

Я взломал некоторый код JavaScript, который позволяет пользователю перемещаться по 3 различным изображениям (с содержимым), щелкнув номер изображения или используя кнопки со стрелками влево / вправо. Это работает хорошо, но я хочу добавить функцию, которая позволит слайдеру автоматически переходить через содержимое. У меня реализован jQuery, но, к сожалению, не Bootstrap. Я повозился с «.interval», но ничего не добился. Может кто-нибудь помочь? Мой код JS-кода до сих пор приведен ниже:

         $(document).ready(function(){ 

        $("#home").click(function(){

            $("#about-page").fadeOut();
            $("#work-page").fadeOut();
            $("#contact-page").fadeOut();
            $("#menu").animate({width : "0px"});

          });


          $("#pag1").click(function(){

            $("#imageandcaption1").hide();
            $("#imageandcaption3").hide();
            $("#imageandcaption2").fadeIn();

            $("#arrow-left1").hide();
            $("#arrow-right1").hide();
            $("#arrow-left3").hide();
            $("#arrow-right3").hide();
            $("#arrow-left2").show();
            $("#arrow-right2").show();

          });
         });
  

Спасибо за любую помощь.

Комментарии:

1. Чтобы быть более понятным: я хочу, чтобы изображения менялись автоматически (т. Е. Переход) через установленное время / интервал, если это вообще возможно.

2. пожалуйста, разместите свой html также?