slider img

[saseisa]

hola a todos estoy intentando hacer un slider con responsive y creo que si me quedo el slider, problema es que tengo con las imagenes, muestra la mitad de la imagen y al segundo ya me muestra la imagen completa, este es mi codigo

jquery

Código:

<script type="text/javascript">
var contador=1
$(document).ready(function() {
    cambiarImagen();
});

function cambiarImagen(){
	if(contador!=5){
		var valor="images/"+contador+".jpg"
		var src_img_div='url(\''+valor+'\')';
			$("img").css("max-width","100%");
			$("#contenedor").css('background-image',src_img_div);
			
			$("#contenedor img").fadeOut("slow",function(){
				$("#contenedor img").attr("src",valor)
			});
			
			//document.write(" src "+src_img_div);
			$("#contenedor img").fadeIn();
			$("#contenedor img").css("display","block");
				setTimeout("cambiarImagen()",4000);
				contador++;
	}else{
		contador=1;
		setTimeout("cambiarImagen()",500);
	}
}


</script>

html

Código HTML:

<div id="wrap">
<div id="contenedor" class="banners"><img src="images/1.jpg" /></div>
</div> 

espero puedan ayudarme, desde ya gracias