Question

我是网络开发界的新手，我仍然在想办法。

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

带有 CSS代码

的

HTML代码

<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

由于您开始编写幻灯片放映，为什么不尝试使用提供完整代码的简单滑块。你可以像我一样从那里学习。

http://fancybox.net/

http://jquery-plugins.net/divas-slider-multipurpose-responsive-jquery-slider（更复杂）

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

1 个答案: