Nicki: Bild passt sich erst nach RELOD, der Browsergröße an

Beitrag lesen

Martin du hattest Recht da fehlte eine Anweisung:

Jetzt gehts fast... Die Breite funzt jetzt, doch ich muss noch irgendnwie die Höhe der jeweiligen Breite anpassen, die jetzt auf 500px steht.
ich habs schon mit height:auto; versucht, aber das war leider nichts.

  
<!DOCTYPE html>  
<html>  
<head>  
<title>JQuery Cycle Plugin - Basic Demo</title>  
<style type="text/css">  
.slideshow  
{  
width: 100%;  
height: 500px;  
background-size: cover;  
}  
.slideshow img  
{  
width: 100%;  
height: 500px;  
background-size: cover;  
	}  
</style>  
<!-- include jQuery library -->  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>  
<!-- include Cycle plugin -->  
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>  
  
<script type="text/javascript">  
$(document).ready(function() {  
    $('.slideshow').cycle({  
		slideResize: false,  
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...  
	  
	});  
});  
</script>  
  
</head>  
<body>  
	<div class="slideshow">  
		<img src="images1.jpg" alt="">  
	</div>  
</body>  
</html>