Техническая поддержка
Sample 5
A las opciones por defecto le agregamos el evento onWalk, que se dispara luego de que termine la transición, recibe un único parámetro ( current_index ) que es el índice actual de los items.
Agregamos handles, primero los guardamos en una variable ( var handles5 = $$('#handles5 span') ), luego le asignamos la acción/método walk de la instancia (viewer) correspondiente; luego en el evento onWalk actualizamos sus propiedades.
var V5 = new viewer($('box5').getChildren(),{
onWalk: function(current_index){
handles5.removeClass('active');
handles5[current_index].addClass('active');
}
});
var handles5 = $$('#handles5 span');
handles5.each(function(el,i){el.addEvent('click',V5.walk.bind(V5,[i,true]));});
1. Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.
Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.
2. Nullam porttitor tortor et sem
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.
Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus.
Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.
3. Aenean consectetuer nibh sedt
- Duis consequat laoreet libero.
- Nullam scelerisque porta arcu.
- Praesent ut tortor quis nunc vehicula interdum.
- Cras ultrices venenatis justo.
- Duis eu ligula at justo tempus varius.
- Vivamus mattis ante et arcu.
- Nulla eleifend dignissim neque.
- Donec ut elit vel nisi mollis volutpat.
4. Pellentesque ac dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.
Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.
5. Pellentesque ac dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.
Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.
[!ForumBoard!]