Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] ¿Cómo ponerle link a las imáges de un slider?

Estas en el tema de ¿Cómo ponerle link a las imáges de un slider? en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/12/2014, 11:52
 
Fecha de Ingreso: mayo-2013
Ubicación: Alicante
Mensajes: 35
Antigüedad: 11 años
Puntos: 0
Pregunta ¿Cómo ponerle link a las imáges de un slider?

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.
  #2 (permalink)  
Antiguo 11/12/2014, 12:55
 
Fecha de Ingreso: octubre-2011
Mensajes: 206
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: ¿Cómo ponerle link a las imáges de un slider?

Yo tengo con esto jssor slider y es bastante sencillo y gratuito, tienen animaciones que son faciles de implementar en el slider. El enlace a la imagen lo tengo hecho con <a href="url">la imagen</a>. Te marca algún error?
  #3 (permalink)  
Antiguo 11/12/2014, 15:30
 
Fecha de Ingreso: mayo-2013
Ubicación: Alicante
Mensajes: 35
Antigüedad: 11 años
Puntos: 0
Respuesta: ¿Cómo ponerle link a las imáges de un slider?

No marca error, solo que no funciona el link en las imágenes. Ni cambia el puntero. ¿Dónde puedo encontrar algo así?
  #4 (permalink)  
Antiguo 30/12/2014, 06:03
 
Fecha de Ingreso: mayo-2013
Ubicación: Alicante
Mensajes: 35
Antigüedad: 11 años
Puntos: 0
Respuesta: ¿Cómo ponerle link a las imáges de un slider?

Al final buscando en youtube encontré uno muy bueno, y editandolo logré el slider perfecto para mi web

Etiquetas: slider
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:07.