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