使用jQuery自动更改幻灯片中的图片

我使用jQuery UI的工作图片滑块。 我可以用滑块更改图片。 现在，我喜欢在一段时间内（例如3秒）自动更改图片。

$(function() { var myImages = [ "https://stackoverflow.com/questions/51969385/automatic-change-pictures-in-slideshow-with-jquery/img/january/tweet_january_1.svg", "img/january/tweet_january_2.svg", "img/january/tweet_january_3.svg", "img/january/tweet_january_4.svg", "img/january/tweet_january_5.svg" ]; $("#start_slider").slider({ min: 0, max: (myImages.length - 1), step: 1, change: function(event, ui) { $('#flask1').attr('src', myImages[ui.value]); } }); }); 

 .start_heading { padding: 2em; margin-top: 10em; text-align: center; font-family: 'Roboto'; font-size: 1em; } #start_slider { align-content: center; margin-left: 15em; margin-right: 15em; margin-top: 3em; margin-bottom: -10em; } 

 
 
 Headline
 
 
  
  

Answer 1

您可以从这里使用Carousel的任何JQuery插件，也可以执行以下操作

             
 
 
  
 
 
 
 
 
  
 
  
 
Chania
 
The atmosphere in Chania has a touch of Florence and Venice.
 
 
 
  
 
Chania
 
The atmosphere in Chania has a touch of Florence and Venice.
 
 
 
  
 
Flowers
 
Beautiful flowers in Kolymbari, Crete.
 
 
 
  
 
Flowers
 
Beautiful flowers in Kolymbari, Crete.
 
 
 
    Previous    Next