plugin before after en Prestashop

[oaicmanu]

Buenos días.

Estoy intentando instalar el plugin before after de jquery en Prestashop

http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/.

Lo he probado en una pñagina html simple y funciona correctametne, pero a la hora de instalarlo en prestashop, no funciona.

 

La manera de la que lo he instalado es la siguiente:

En el set media hago las referencias a los js

 Tools::addJS(_THEME_JS_DIR_.'beforeafter/jquery.beforeafter-1.4.min.js');
 Tools::addJS(_THEME_JS_DIR_.'beforeafter/jquery-1.6.1.min.js');
 Tools::addJS(_THEME_JS_DIR_.'beforeafter/jquery-ui-1.8.13.custom.min.js');

En el template declaro el container y el codigo javascript:

<script type="text/javascript">
    $(function()
    {
        $('#container').beforeAfter();
    
    });
</script>

<div id="container">
     <div><img alt="before" src="/img/antesdespues/amanecerAzul.jpg" width="600" height="366"/></div>
      <div><img alt="after" src="/img/antesdespues/amanecerAzul2.jpg" width="600" height="366"/></div>
</div>

Cuando cargo la página, me muestra dos imágenes pero no me aplica el efecto.

 

¿Alguna idea de lo que estoy haciendo mal?
 

Gracias,

[joseantgv]

Posiblemente tengas un error de javascript. Revisa los errores de la consola.

 

Revisa también en el código fuente que efectivamente te esté añadiendo el código de los js.

Edited June 17, 2014 by joseantgv (see edit history)

[oaicmanu]

Efectivamente me da el siguiente error de javascript, pero no se como solucionarlo ya que fuera de prestashop no da este error.

 

Uncaught TypeError: undefined is not a function

(anonymous function)

e.resolveWith

e.extend.ready

c.addEventListener.z

'webkitRequestAnimationFrame' is vendor-specific. Please use the standard 'requestAnimationFrame' instead.

 

 

El error lo da en la linea de  $('#container')...

 

<script type="text/javascript">
    $(function()
    {
        $('#container').beforeAfter();
    
    });
</script>

Edited June 17, 2014 by oaicmanu (see edit history)