Hola.
Tengo un slideshow que incorpora una serie de atributos en el html.
No vamos a entrar en detalles; simplemente decir que estoy buscando la forma de limpiar el código y enviarlo todo al archivo javascript.
Lo he conseguido con casi todos los atributos, convirtiéndolos en clases que son identificadas por el javascript y sirven igualmente.
Ahora me enfrento a estos en la clase "element"
<div class="element" data-animate="slideAppearRightToLeft" data-delay="800" data-length="300">Título en Movimiento</div>
Se trata de dejarlo así:
<div class="element">Título en Movimiento</div>
Y que funcione igual por supuesto.
El código javascript que incorpora el efecto:
Código:
$.fn.responsiveSlider.animations = {
slideAppearRightToLeft: function($caption, delay, length) {
var animate, css;
if (delay == null) {
delay = 0;
}
if (length == null) {
length = 300;
}
css = {
'margin-left': 100,
'margin-right': -100
};
$caption.css(css);
animate = function() {
css = {
'margin-left': 0,
'margin-right': 0,
'opacity': 1
};
return $caption.animate(css, length);
};
if (delay > 0) {
return setTimeout(animate, delay);
} else {
return animate();
}
},
Estoy seguro de que se puede hacer, pero por más que lo intento no soy capaz de aplicar tal animación a la clase "element".
Agradecería cualquier indicación al respecto.