Eu tenho esse código (abaixo), onde consigo criar um banner randômico, mas ele não é responsivo, ou melhor, a imagem não é responsiva.
<style type="text/css">
.banner{
width:100%;
height: auto;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<body>
<div class="banner">
<a href="" class="random"></a>
</div>
<script>
var randomImage = {
paths: [
"http://ramosdesignservidor.com.br/teste/img/slide01.jpg",
"http://ramosdesignservidor.com.br/teste/img/slide02.jpg",
"http://ramosdesignservidor.com.br/teste/img/slide03.jpg",
],
generate: function(){
var path = randomImage.paths[Math.floor(Math.random()*randomImage.paths.length)];
var img = new Image();
img.src = path;
$("a.random").html(img);
$("a.random").attr("href", path);
}
}
randomImage.generate();
</script>
</body>
Preciso de uma ajuda!
Tem como eu fazer esse banner ficar responsivo?