Javascript Slideshow - ändern divs Hintergrundbild

Question

Ich bin neu in der Web-Entwicklung Welt und ich bin immer noch herauszufinden, Dinge aus.

Also, ich versuche, ein Hintergrundbild eines Divs mit Javascript zu ändern, und es wie eine Diashow zu machen. Ich habe bereits einige Tutorials für Scripts und Slideshows getestet, aber sie haben bisher noch nicht funktioniert. Irgendwelche Ideen? (Dies muss ohne die Verwendung von Webkits oder Jquery geschehen).

Der HTML-Code mit den Der CSS-Code

<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

, da Sie auf Codierung, um eine Diashow starten, warum Sie nicht versuchen, diese einfachen Schieberegler mit dem vollständigen Code versehen. Du könntest von dort lernen, wie ich es getan habe.

http://fancybox.net/

http://jquery-plugins.net/divas-slider-multipurpose-responsive-jquery-slider (Komplexere)