Cross-Fade

rapuig · #1 (**permalink**) 31/07/2011, 17:45

Hola, estoy tratando de implementar este efecto en mi web:
http://tobia.github.com/CrossSlide/
Es el primero, el que se llama Static Cross-Fade, parece bastante sencillo pero no entiendo donde estoy fallando ya que no me funciona.
Lo que yo tengo es lo siguiente:

HTML

Código HTML:

<head>
<script src="js/jquery.cross-slide.js"></script> 
<script src="js/jquery.cross-slide.min.js"></script> 
</head>

<body>
<script>$('#slideshow').crossSlide({
  sleep: 2,
  fade: 1
}, [
  { src: "img/pic1.jpg"},
   { src: "img/pic2.jpg"}
]);</script>

<div id="slideshow"></div>

</body>

Los codigos del jquery.cross-slide.js y jquery.cross-slide.min.js los saque de aqui: https://github.com/tobia/CrossSlide

CSS

Código:

#slideshow{
	width:930px;
	height:260px;
	background-color:#E3CEB5;
	background-image:url(img/pic1.jpg);
	margin:15px auto;
	}

Espero su respuesta, gracias a todos! :)

livemusic · #2 (**permalink**) 31/07/2011, 18:01

Como te va a funcionar, si no as incluido a JQUERY.

rapuig · #3 (**permalink**) 31/07/2011, 18:13

Cita:

Iniciado por livemusic

Como te va a funcionar, si no as incluido a JQUERY.

Y desde donde me conviene incluirlo?
En el código fuente de la web de donde saco el efecto no encuentro donde lo incluyen.

En otra web tengo un efecto similar también con jquery y no tuve que incluirlo.
Gracias.

_cronos2 · #4 (**permalink**) 31/07/2011, 18:23

Si un efecto es un plugin de jQuery, entonces necesita la librería jQuery, y no hay vuelta de hoja.
Lo de dónde colocarlo, pues hay gente que dice que en el head, otros que antes de </body>... cómo veas, al que le tengas más rabia.
Saludos.

rapuig · #5 (**permalink**) 31/07/2011, 18:35

Cita:

Iniciado por _cronos2

Si un efecto es un plugin de jQuery, entonces necesita la librería jQuery, y no hay vuelta de hoja.
Lo de dónde colocarlo, pues hay gente que dice que en el head, otros que antes de </body>... cómo veas, al que le tengas más rabia.
Saludos.

Esta bien incluirla haciendo una referencia desde google es decir,
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>

Eso lo coloque en el head, pero sigue sin funcionar :(

Gracias!

rapuig · #6 (**permalink**) 01/08/2011, 16:30

Alguna otra solución, coloque una referencia a la librería de jquery como me dijeron pero sigue sin funcionar. :S
Gracias!

rapuig · #7 (**permalink**) 01/08/2011, 20:41

Nadie tiene alguna sugerencia??