Slider JQUERY minimal responsive

index.html

<ul class="slider">
	<li><a href="#" target="_blank"><img src="slider/img-slide-01.jpg" alt=""></a></li>
	<li><img src="slider/img-slide-02.jpg" alt=""></li>
	<li><img src="slider/img-slide-03.jpg" alt=""></li>
	<li><img src="slider/img-slide-04.jpg" alt=""></li>
</ul>

script.js

// SLIDERS SIMPLE-FADE
// parámetros: (claseSlider, intervalo)

function basicSlider(slide, interval) {
	$('.' + slide + ' li:gt(0)').hide();

	setInterval(function(){
		$('.' + slide + ' li:first').fadeOut(1000)
				.next('.' + slide + ' li').fadeIn(1000)
				.end().appendTo('.' + slide); }, 
	  interval);

	$(window).resize(function() {
	    var alto = $('.' + slide + ' img:first').height();
	    $('.' + slide).css("height", alto);
	});
}
basicSlider('slider', 10000);

styles.css

.slider {
	position:relative;
	width: 100%;
	max-width:800px;
	height:650px;
	margin: 0 auto 5em auto;
}
.slider img {
	border-radius: 16px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	max-width:800px;
}