Atributos data
Unos atributos pensados para poder realizar la interacción entre elementos mediante JavaScript.
Atributos principales
| Atributo | Descripción |
|---|---|
| data-gs-target="#myId" | Este atributo creará la relación entre el botóny la id del elemento a mostrar o a realizar el evento deseado. |
| data-genesis="evento" | Este atributo es el encargado de realizar el evento deseado; conoce estos eventos en la tabla de abajo. |
Atributos de interacción jQuery
| Atributo | Descripción |
|---|---|
| data-genesis="fade-toggle" | método fadeToggle(). |
| data-genesis="fade-in" | método fadeIn(). |
| data-genesis="fade-out" | método fadeOut(). |
| data-genesis="slide-toggle" | método slideToggle(). |
| data-genesis="slide-up" | método slideUp(). |
| data-genesis="slide-down" | método slideDown(). |
| data-genesis="slide-smooth" |
Crea un efecto fade en el contenido, a medida que está en ejecución el slideUp, dentrodel método slideToggle() |
| data-gs-dropdown="dropdown" | Uso para interactuar con el menú dropdown. |
| data-gs-dropdown="dropdown-mobile-slide" | En pantallas a partir de 990px e inferiores dropdown se mostrará como slide. |
|
data-gs-control="prev" data-gs-control="next" |
Atributos para los botones de control de sliders. |
| data-genesis="slide-up-(valor)" | Efecto de pliege hacia arriba. Se debe introducir un valor, este valor será los segundos que tarda en desencadenar la acción. (setTimeout) |
-- Uso de data-genesis
HTML
...
-- Uso de data-trigger slide-up-(valor)
HTML
...