Ver Mensaje Individual
  #4 (permalink)  
Antiguo 24/11/2011, 14:42
JuanKl
 
Fecha de Ingreso: junio-2007
Mensajes: 1
Antigüedad: 17 años, 6 meses
Puntos: 0
Respuesta: Conflicto de jQuery con Prototype y plugin lightbox

hola con todos... espero me puedan ayudar.. les comento un cliente me a pedido que lo incluya en su web unas animaciones de fotos y una galería con efectos como flash pero el detalle es q se tiene que ver en los moviles asi que estaba investigando un poco y di con el jQuery... lo prove y funciona bien un efecto pero el momento que quiero incluir otro como el ligthbox no funciona me pueden por favor decir q estoy haciendo mal... la verdad inicio en esto del jquery y no se por donde va el error

A continuación les dejo el código muchas gracias por su ayuda


Cita:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript">
/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
***/

function slideSwitch() {
var $active = $('#slideshow IMG.active');

if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');

// uncomment the 3 lines below to pull the images in random order

// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );


$active.addClass('last-active');

$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}

$(function() {
setInterval( "slideSwitch()", 3000 );
});

</script>