CSS/JS幻燈片的背景圖片

我需要製作多個背景圖片隨時間變化。我嘗試了很多東西，但沒有任何幫助。另外我需要左右兩個按鈕，但我不知道如何將它們連接到幻燈片。請幫忙。CSS/JS幻燈片的背景圖片

CSS

.slideSh { 
height:900px; 
background-image: url("images/back.jpg"); 
background-size: cover; 
background-position: center; 
}

HTML

<div class="slideSh"> </div>

來源

2017-04-21 Valio Raltchev

「我已經嘗試了很多東西......」比如？ – andrew

只需使用旋轉木馬/幻燈片插件即可。你正在尋找什麼樣的幫助？ –

請提供您已經嘗試過的示例和代碼。 – freginold

使用NIVO滑塊：

<!-- Usually in the <head> section --> 
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" 
/> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
</script> 
<script src="jquery.nivo.slider.pack.js"></script> 


<!-- Then somewhere in the <body> section --> 
<div id="slider-wrapper"> 
    <div id="slider"> 
     <img src="images/slide1.jpg" alt="" /> 
     <img src="images/slide2.jpg" alt="" /> 
     <img src="images/slide3.jpg" alt="" /> 
     <img src="images/slide4.jpg" alt="" /> 
    </div> 
</div>

https://code.tutsplus.com/tutorials/code-your-own-juicy-tabbed-slider-using-the-nivo-slider--net-18724

來源

2017-04-21 17:57:46 Colbs

我需要它作爲背景圖片 –

CSS/JS幻燈片的背景圖片

回答

相關問題