Bonjours a tous 

j'aimerai savoir comment faire defiler des images a la suite ?

merci d'avance.

Bonjour,

recherche "carrousel" ou "slider" sur le net, tu auras des dizaines de propositions.

Évite cependant les sites qui veulent te faire installer un logiciel local (genre Wowslider), ce n'est pas fiable.

Bootstrap propose des carrousel tout fait :-)

+ d'infos : https://openclassrooms.com/courses/prenez-en-main-bootstrap/les-plugins-jquery-2#/id/r-2730064

-
Edité par Laurent Cipicchia 15 avril 2018 à 12:08:04

Bonjour,

Un exemple basique en pur CSS:

http://jsbin.com/tovofe/5/edit?html,css,output

<div class="contener_slideshow">

<div class="contener_slide">

<div class="slid_1"><img src="http://lorempicsum.com/nemo/950/600/1"></div>
<div class="slid_2"><img src="http://lorempicsum.com/futurama/950/600/2"></div>
<div class="slid_3"><img src="http://lorempicsum.com/futurama/950/600/3"></div>

</div>

</div>

CSS

.contener_slideshow {
	width:950px;
	height:600px;
	overflow:hidden;
	position:relative;
  border:12px ridge gold;
}
.slid_1,.slid_2,.slid_3 {
	display:table-cell;
	width:950px;
	height:600px;
}

.contener_slide {
	width:950px;
	height:600px;
	position:absolute;
  display:table;
  animation:anim_slide 9s infinite alternate;
}
@keyframes anim_slide {
	0% {
		left:0px;
	}
	15% {
		left:0px;
	}
	35% {
		left:-950px;
	}
	65% {
		left:-950px;
	}
	85% {
		left:-1900px;
	}
	100% {
		left: -1900px;
	}
}