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>
Código HTML:
#slider { background-image:url(img/1.jpg); height: 300px; position: absolute; width: 100%; z-index: 0; }
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.