Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Eliminar atributos de slideshow en html

Estas en el tema de Eliminar atributos de slideshow en html en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/01/2014, 05:34
 
Fecha de Ingreso: noviembre-2005
Mensajes: 887
Antigüedad: 14 años, 6 meses
Puntos: 8
Eliminar atributos de slideshow en html

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.

Etiquetas: atributos, funcion, html, javascript, slideshow
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:54.