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