Hola a todos!
Estoy usando un slider en el que pasan dos imágenes con efecto slide, y le quiero agregar el efecto easing para darle un movimiento más real. El slider está basado en este plugin:
Slider Plugin.
Este es el código del plugin:
Código HTML:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
<script type="text/javascript" src="js/cycle.js"></script>
<script type="text/javascript">
$(document).ready( function($) {
$('#slider').cycle({
fx: 'scrollHorz',
speed: 500,
pause: 1,
timeout: 5000,
});
});
</script> El HTML:
Código HTML:
<div id="slider">
<!-- slider -->
<div class="slider">
<div id="image-slider1" class="slider_content"></div>
</div>
<!-- slider -->
<div class="slider">
<div id="image-slider2" class="slider_content"></div>
</div>
</div>
He intentado agregarle este código, pero no funciona:
Código HTML:
$(this)
.animate(
{ left: 200 }, {
duration: 'slow',
easing: 'easeOutBack'
})
.animate(
{ left: 0 }, {
duration: 'slow',
easing: 'easeOutBack'
});
});
Cómo lo puedo acomodar? Muchas gracias!