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>
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; }