Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Cross-Fade

Estas en el tema de Cross-Fade en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 31/07/2011, 17:45
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 12 años, 9 meses
Puntos: 13
Cross-Fade

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! :)

Última edición por rapuig; 31/07/2011 a las 17:50
  #2 (permalink)  
Antiguo 31/07/2011, 18:01
Avatar de livemusic  
Fecha de Ingreso: abril-2011
Ubicación: Lima - Chorrillos
Mensajes: 150
Antigüedad: 12 años, 11 meses
Puntos: 18
Respuesta: Cross-Fade

Como te va a funcionar, si no as incluido a JQUERY.
  #3 (permalink)  
Antiguo 31/07/2011, 18:13
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 12 años, 9 meses
Puntos: 13
Respuesta: Cross-Fade

Cita:
Iniciado por livemusic Ver Mensaje
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.
  #4 (permalink)  
Antiguo 31/07/2011, 18:23
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 9 meses
Puntos: 310
Respuesta: Cross-Fade

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.
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #5 (permalink)  
Antiguo 31/07/2011, 18:35
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 12 años, 9 meses
Puntos: 13
Respuesta: Cross-Fade

Cita:
Iniciado por _cronos2 Ver Mensaje
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!
  #6 (permalink)  
Antiguo 01/08/2011, 16:30
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 12 años, 9 meses
Puntos: 13
Respuesta: Cross-Fade

Alguna otra solución, coloque una referencia a la librería de jquery como me dijeron pero sigue sin funcionar. :S
Gracias!
  #7 (permalink)  
Antiguo 01/08/2011, 20:41
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 12 años, 9 meses
Puntos: 13
Respuesta: Cross-Fade

Nadie tiene alguna sugerencia??

Etiquetas: html, javascript, jquery, js
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 07:13.