Buenas Noches a todos, queria saber si me pueden dar una manito con este slideshow que me esta quemando los pelos.
El problema que tengo es que al visualizar el slideshow me muestra las 2 imagenes una debajo de la otra, pero no logro entender porque.
Les dejo la parte del codigo del slide para ver si uds. encuentran algun error en el.
Código HTML:
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/jquery.slides.min.js"></script>
<script>
$(function(){
$("#slideshow").slides();
});
</script>
<section id="slideshow">
<div class="slides_container">
<div><a href="#"><img src="Imagenes/Slide1Empresa.jpg"/></div>
<div><a href="#"><img src="Imagenes/Slide2Empresa.jpg"/></div>
</div>
</section>
Codigo CSS:
Código CSS:
Ver original/*--Slideshow--*/
#slideshow{
width:620px;
height:260px;
float:left;
background:#000;
border:solid 20px #fff;
margin-left:600px;
position:absolute;
}
#slideshow .pagination{
margin:26px 0px;
width:100px;
}
#slideshow .pagination li{
float:left;
margin:0px 5px;
list-style:none;
}
#slideshow img{
width:620px;
height:260px;
}
#slideshow .pagination li a{
display:block;
width: 12px;
height:0px;
padding-top:12px;
float:left;
overflow:hide;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}