Bonjour,

J'ai un petit soucis avec mon site internet. J'essaye de faire défiler des photos mais le défilement ne fait pas défiler toutes les photos et recommence au départ.

Une idée du problème?

Je fais comme ceci:

CODE HTML:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<tr>
      <td align="center" >
      <div class=marquee><font size="3"><i>REPORTAGES PHOTOGRAPHIQUES - GRAPHISME - ARTS PLASTIQUES - EXPOSITIONS PHOTOGRAPHIQUES - EDITION - FILMS D'ANIMATION - REPORTAGES PHOTOGRAPHIQUES - GRAPHISME - ARTS PLASTIQUES - EXPOSITIONS PHOTOGRAPHIQUES - EDITION - FILMS D'ANIMATION - REPORTAGES PHOTOGRAPHIQUES - GRAPHISME - ARTS PLASTIQUES - EXPOSITIONS PHOTOGRAPHIQUES - EDITION - FILMS D'ANIMATION</font>
      </div>
     </td>
     </tr>
 
     <tr>
     <td align="center">
     <div class=marquee><img src="images/DEFILEMENT/IMG1.jpg" /><img src="images/DEFILEMENT/IMG2.jpg" /><img src="images/DEFILEMENT/IMG3.jpg" /><img src="images/DEFILEMENT/IMG4.jpg" /><img src="images/DEFILEMENT/IMG5.jpg" /><img src="images/DEFILEMENT/IMG6.jpg" /><img src="images/DEFILEMENT/IMG7.jpg" /><img src="images/DEFILEMENT/IMG8.jpg" /><img src="images/DEFILEMENT/IMG9.jpg" /><img src="images/DEFILEMENT/IMG10.jpg" /><img src="images/DEFILEMENT/IMG11.jpg" /><img src="images/DEFILEMENT/IMG12.jpg" /><img src="images/DEFILEMENT/IMG13.jpg.jpg" /><img src="images/DEFILEMENT/IMG14.jpg" /><img src="images/DEFILEMENT/IMG15.jpg" /><img src="images/DEFILEMENT/IMG16.jpg" /><img src="images/DEFILEMENT/IMG17.jpg" /><img src="images/DEFILEMENT/IMG18.jpg" /></div>
     </td>
    </tr>
CODE CSS:
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
.marquee {
width:600px;
/*height:40px;
padding:5px;
background-color: yellowgreen;
border: 20px solid rgba(0,0,0,0.3);*/
white-space: nowrap; 
overflow: hidden;
 
 
/* Safari and Chrome  */
overflow-x:-webkit-marquee;
-webkit-marquee-direction: backwards;
-webkit-marquee-style: scroll;
-webkit-marquee-speed: fast;
-webkit-marquee-increment: 1px;
-webkit-marquee-repetition: infinite;
 
/* W3C  */
overflow-x: marquee-line;
marquee-direction: forward;
marquee-style: scroll;
marquee-speed: fast;
marquee-play-count: infinite;
}