Hola amigos
Traigo una consulta aquí que hay tantos expertos y siempre me ayudan
Necesito consultarles como ponerle un vínculo a cada imagen de este slider y unos botones de navegación.
En el archivo html poniéndole lo normal: <a href="url">la imagen</a> a cada imagen no funciona.
Estos son mis archivos
Archivo.html: Código HTML:
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "slider", //ID of blank DIV on page to house Slideshow
dimensions: [800, 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["Temas/default/img/1.jpg", "", "", ""],
["img/2.jpg", "", "", ""],
["img/3.jpg", "", "", ""],
["img/4.jpg", "", "", ""],
["img/5.jpg", "", "", ""]
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 1800, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
<div id="slider">
<div class="gallerylayer">
<img src="img/1.jpg">
<img src="img/2.jpg">
<img src="img/3.jpg">
<img src="img/4.jpg">
<img src="img/5.jpg">
</div></div> Archivo.css Código HTML:
#slider {
background-image:url(img/1.jpg);
height: 300px;
position: absolute;
width: 100%;
z-index: 0;
}
Archivo.js
Por ser un poco largo y no me permiten sobrepasar los 10000 caracteres les dejo el enlace al archivo.
http://www.trukosweb.com/fadeslideshow.js
Si conocen dónde encontrar uno diferente pero que incluya los link en las imágenes y la navegación me sirve igual. Estuve viendo algunos por internet, pero o son demasiado sencillos o mucho código y fea transición.
Tengo otro más sencillo con .js de la librería de googleapis pero no veo forma de cambiarle la transición.