ayuda con Nivo Slider
3 seguidores
Hola amigos, quiero insertar unas imágenes aleatorias en slideshow. Encontré Nivo Slider y me pareció la opción más apropiada. El caso es que sigo las indicaciones y realizo las indicaciones de: http://nivo.dev7studios.com/demos/
el problema que me surge es:
Me hace todo bien, excepto dos errores que detecto: en “prev” y “next” no tengo imagen de carga tal y como aparece en la demo, por lo que me aparece el texto. Entiendo que es porque no tengo asociada una imagen que cargue.
Por otro lado el número de imágenes que he puesto son 4, por tanto en la demo aparece abajo a la izquierda, mientras que en la mía se me muestra en el centro en las imágenes. ¿de qué puede ser?
pabrigarcia
Mira la css que tengas la ruta correcta.
Usuario desconocido
aquí estoy de nuevo, nada he retomado el tema y no paso de aquí:
http://www.lapezeracreativos.com/indexnivoslider3.html
creo que me falta mejorar la vista de Next y Prev, más los número quizás, por ejemplo que aparezcan con puntos como en la demo original, pero no consigo ver donde está el error.
mil gracias, necesito ayuda
Diego Lorenzo
Hola,
Le he estado echando un ojo con el Firebug y veo que te faltan ponerle el css para los números del navegador. Aparte de eso, el div del next y el prev (nivo-directionNav) veo que tiene un display:none, por lo que me imagino que lo tendrás desactivado en las propias opciones del nivo slider (las que le pones cuando lo inicias).
Saludos
Usuario desconocido
me surgen dos dudas hasta lo que entiendo: para ponerle el css, tengo un código, ¿donde lo pongo?:
#slider {
position:relative;
width:618px; /* Change this to your images width */
height:246px; /* 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;
}
y efectivamente aparte del css, el otro error que detectaba era el next y prev, como indicaba en primer post, lo tengo con números, pero en el original también muestra otras opciones como botones. ¿qué solución le doy, es decir, tanto para número como otras opciones?
gracias
Usuario desconocido
señores, no doy con la tecla.
a ver he subido en el head:
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
tengo una confusión entre 1.4.2. y la que viene en la demo de nivo slider:
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
por otro lado, tengo subido los script y me lío con los themes de la demo.
en fin, me pueden indicar los pasos, donde va cada cosa en el servidor y que archivos me faltan.
el fallo está con respecto a la demo que no se ven el prev y el next con una flecha y los números de las imágenes.
un millón de gracias
Usuario desconocido
señores, no doy con la tecla.
a ver he subido en el head:
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
tengo una confusión entre 1.4.2. y la que viene en la demo de nivo slider:
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
por otro lado, tengo subido los script y me lío con los themes de la demo.
en fin, me pueden indicar los pasos, donde va cada cosa en el servidor y que archivos me faltan.
el fallo está con respecto a la demo que no se ven el prev y el next con una flecha y los números de las imágenes.
un millón de gracias
andrewman
Revisa la documentación del script.
Las hojas de estilos de los temas complementan nivo-slider.css y, según la documentación, deberás introducir un par de div.
Te quedaría algo como esto:
...
<tr>
<td colspan="2" bgcolor="#FFFFFF" valign="top">
<div align="center">
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<img src="images/toystory.jpg" alt="">
<img src="images/walle.jpg" alt="" title="comunicación creativa">
<img src="images/nemo.jpg" alt="" title="la pezera creativos, studio grafico">
<img src="images/up.jpg" alt="">
</div>
</div>
</div>
</td>
</tr>
...