Problema con plugin mootools moo3dcarousel

Oscar_Hidro · #1 (**permalink**) 09/04/2012, 11:13

Hola foreros, como estan? Hoy vengo con una duda que no me ha dejado avanzar con un proyecto. Quiero agregar en mi seccion de galeria de fotos, un plugin mootools que se llama Moo3DCarousel. A lo mejor alguno de ustedes lo conoce.

El problema radica en que no me funciona el plugin, asi de sencillo

Les dejo el codigo haber si alguien me puede orientar acerca de que estoy haciendo mal.

Saludos!

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="js/mootools-1.2.4-core.js"></script>
<script type="text/javascript" src="js/Moo3DCarousel.1.0.js"></script>
<script type="text/javascript">
var moo3DCarousel2 = new Moo3DCarousel('carousel-2',{
    mouseWheel: false,
    stopOver: false
});
 
$$('#carousel-2 a[href$="jpg"]').each( function(elem) {
    moo3DCarousel2.addElement(elem);
});
</script>
<style type="text/css">
#carousel-2 img {
    border: 3px solid rgba(160,160,160, 0.7);
    background: #fff;
}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
 
<body>
<div id="carousel-2">
<a href="#"><img src="images/Fotos2010/SerialFiscal2010_2.jpg" height="150" /></a>
<a href="#"><img src="images/Fotos2010/SerialFiscal2010_2.jpg" height="150" /></a>
<a href="#"><img src="images/Fotos2010/SerialFiscal2010_2.jpg" height="150" /></a>
</div>
</body>
 
</html>