Javascript 背景图像的CSS/JS幻灯片放映_Javascript_Html_Css

Javascript 背景图像的CSS/JS幻灯片放映

javascript html css

Javascript 背景图像的CSS/JS幻灯片放映,javascript,html,css,Javascript,Html,Css,我需要做几个背景图像来随着时间的推移而改变。我试过很多东西，但都没用。我还需要左右两个按钮，但我不知道如何将它们连接到幻灯片。请帮忙 CSS HTML 使用Nivo滑块：  <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <script src="http://aj

我需要做几个背景图像来随着时间的推移而改变。我试过很多东西，但都没用。我还需要左右两个按钮，但我不知道如何将它们连接到幻灯片。请帮忙

CSS

HTML

使用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>

“我尝试了很多东西…”例如？只需使用旋转木马/幻灯片放映插件。你到底在寻求什么样的帮助？请提供你已经尝试过的示例和代码。你需要图像实际滑动还是仅仅更改？我需要它滑动。我需要它作为背景图像

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

<!-- 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>