Slideshow

@pulcias, Você pretende utilizar alguma biblioteca para realizar essa tarefa? Isso pode ser feito facilmente utilizando Bootstrap. Na documentação da versão 4 há exemplos de como fazer carrosséis com vários recursos distintos, recomendo dar uma olhada: https://v4-alpha.getbootstrap.com/components/carousel/

O controle do slide pode ser feito através de atributos HTML ou através de Javascript.

Por exemplo, para fazer um simples slide, sem legendas ou controles:

>

Citar

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
 <div class="carousel-inner" role="listbox">
 <div class="carousel-item active">
 <img class="d-block img-fluid" src="..." alt="First slide">
 </div>
 <div class="carousel-item">
 <img class="d-block img-fluid" src="..." alt="Second slide">
 </div>
 <div class="carousel-item">
 <img class="d-block img-fluid" src="..." alt="Third slide">
 </div>
 </div>
</div>

  

	 

	Espero ter ajudado!

ajudou sim

mas preciso ver como ficaria o css disso para entender

pois sei que você usa  transition all 2s; por exemplo