Insertar Slider con jQuery
2 seguidores
Buenas... ando algo perdido en cuanto al tema jQuery, ando con la idea de insertar un slide de varias imagenes en el top de una web, hasta ahora para este tipo de cosas, tiraba de flash, pero necesito que se vea independientemente del dispositivo... me podeis orientar un poco?
chicote
http://www.google.es/search?q=slider+jquery
Usuario desconocido
Ese ha sido el primer recurso, chicote, no escrbo nada aquí sin antes acudir a San Google. Mi problema es a la hora de insertar el slider en la index... ahí es donde me pierdo, no sé si se inserta en la propia index o hay que crear una html propia para el slider... y llamar a este desde la index.
dem Mod
Aquí tienes unos cuantos ejemplos, en cada uno de ellos se explica como integrarlo:
http://www.creativosonline.org/blog/20-sliders-para-jquery.html
...
Usuario desconocido
Gracis, probaré con alguno de estos ya que con el Nivo Slider no consigo nada... Muchas gracias de nuevo !!
Usuario desconocido
Bueno, he conseguido que me cargue el slide, pero en lugar de en horizontal, me carga en vertical, he revisado el código y no he visto el error :(
Las imágenes del slide miden 956x234px, este es el código del css:
#slider {
position:relative;
width:956px; /* Change this to your images width */
height:234px; /* Change this to your images height */
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
Y así es como he insertado las imágenes:
</tr>
<tr>
<th width="75" height="234" scope="row">&nbsp;</th>
<th width="956" height=7" align="center" valign="middle" nowrap="nowrap" scope="row">
<div id="slider"> <img src="flash/Index/slide1jpg" alt="" /> <img src="flash/Index/slide2.jpg" alt="" title="#htmlcaption" /> <img src="flash/Index/slide3.jpg" alt="" title="" /> </div>
<th width="75" height="234" scope="row">&nbsp;</th>
</tr>
<tr>
Usuario desconocido
Finalmente he conseguido insertar el slider,pero no en todos los navegadores se ve centrado, por qué?