Eliminar atributos de slideshow en html

[JUMASOL]

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.