Javascript 幻灯片 - 更改 div 的背景图像

Question

我是 Web 开发领域的新手，我仍在摸索中。

因此，我正在尝试使用 javascript 更改 div 的背景图像，并使其像幻灯片一样。我已经测试了一些脚本幻灯片教程，但到目前为止它们还没有奏效。有任何想法吗？ (需要在不使用任何 webkit 或 jquery 的情况下执行此操作)。

HTML代码与CSS代码

<div id="container">
    <article>
        <section id="order"> 
            <center>
                <a href="order.html">
                    <acronym title="order now">
                        <img src="images/ordernow.png" id="orderBut">
                    </acronym>
                </a>    
            </center>
        </section>
    </article> 
</div>

#container
{
    border-style:solid;
    border-radius: 10px;
    width:90%;
    height:500px;
    margin-left:50px;
    clear:both;
    line-height:0;
    background-image: url(images/pizzabite.jpeg); 
    background-size: 100%;
}

Answer 1

既然您要开始编写幻灯片放映代码，为什么不尝试使用提供的完整代码来使用这个简单的 slider 。你可以像我一样从那里学习。

http://fancybox.net/

http://jquery-plugins.net/divas-slider-multipurpose-responsive-jquery-slider (更复杂)