Slideshow - Bilder aus Div

Question

Ich versuche, eine kleine Website mit einer Diashow unter meiner Navbar zu bauen und experimentiere mit Flexbox.

Also ich möchte, dass diese Diashow "reaktionsfähig" ist, in dem Sinne, dass, wenn ich die Breite und Höhe meines Browsers ändere, nur die div's Breite zunimmt (nicht die Höhe). Dies ist die Struktur meiner Diashow:

<div class="slideshow"> 
    <ul> 
     <li><img src="http://placehold.it/1901x630"></li> 
     <li><img src="http://placehold.it/1902x630"></li> 
     <li><img src="http://placehold.it/1903x630"></li> 
     <li><img src="http://placehold.it/1904x630"></li> 
     <li><img src="http://placehold.it/1905x630"></li> 
    </ul> 
</div> 

.slideshow{ 
background-color: firebrick; 
height: 350px; 
} 

.slideshow ul{ 
position: relative; 
} 

.slideshow ul li{ 
opacity:0; 
position: absolute; 
} 

https://jsfiddle.net/7j5zpx14/1/

Ich habe versucht, mit Flexbox aber ich habe nicht herausfinden, was falsch mit diesem divs und Bildern.

Answer 1

Sie CAD nur unter css in img-Tag und sehen Fiddle Demo

Css:

.slideshow img { 
    float: left; 
    height: 350px; 
    width: 100%; 
} 

siehe Fiddle Demo Link