Background animé

Bonjour

j'ai une petite question, je travail sur un site d'une entreprise et je débute avec javascript et jquery voici le site http://www.cyberunivers.com/ccom/.

voici mon code html:

<div id="container"  >
 
             <div style="height:40px;background-color:#E85E0C;margin-bottom:10px"> </div>
     
             <div class="logo"> <img src="images/logo.png" alt="logo">  </div>
 
 
             <div id="container2"  >
                        <div class="grille">
                           <a href="#" style="margin-right:15px;margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/1.JPG"></span>
                             <img  src="logo/1.png" ></a> /* c'est la que je veux mon animation */
 
                           <a href="#" style="margin-right:15px;margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/2.JPG"></span>
                                 <img  src="logo/3.png" ></a>/* la aussi */
 
 
                           <a href="#"  style="margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/3.JPG"></span>
                                 <img  src="logo/5.png" ></a>/* la aussi */
 
                           <a href="#"  style="margin-right:15px;margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/4.JPG"></span>
                                 <img  src="logo/7.png"  ></a> /* pareil */
 
                           <a href="#"  style="margin-right:15px;margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/5.JPG"></span>
                                 <img  src="logo/9.png"  ></a> /* pareil */
 
 
                           <a href="#"  style="margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/6.JPG"></span>
                                 <img  src="logo/11.png" ></a> /* pareil */
                               
 
                          <a href="#"   style="margin-right:15px;margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/4.JPG"></span>
                                 <img  src="logo/13.png" ></a>
 
 
                           <a href="#"  style="margin-right:15px;margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/4.JPG"></span>
                                 <img  src="logo/15.png" ></a>
 
 
                           <a href="#"  style="margin-bottom:15px;">
                              <span class="title" >CONGRES C.COM</span>
                              <span class="disc">sous titre  </span>
                              <span class="bg"><img id="image1" src="images/4.JPG"></span>
                                 <img  src="logo/17.png" ></a>
  
                          </div>
             </div>
    </div>

je veux q'au lieu les carreau reste fixe je l'anime avec d'autre images dans un intervale de temps de 2 second.
si vous avez des suggestions ou des propositions je serai ravi

merci d'avance.

Bonjour.

Il faudrait que l'on voit ton code (JS et peut-être un peu CSS) actuel pour pouvoir t'aider plus facilement.

Et peut-être aussi que tu sois un peu plus précis sur ce que tu veux, car pour moi ce n'est pas très clair.
Modifié par SolidSnake (02 Sep 2013 - 13:37)

Hello,

Pour ce que j'ai compris, tu peux utiliser setInterval qui te permettra de poser un intervalle de temps au bout duquel tu appelera une fonction.
Pour ce qui est du contenu de la fonction en question, je rejoins SolidSnake : je n'ai pas bien compris ce que tu veux faire précisément…
Modifié par audrasjb (03 Sep 2013 - 11:51)