Hola, requiero de su apoyo, tengo una animación (www.seguro-popular.gob.mx) la cual esta hecha con mootools, pero quiero pausarla al hacer un MouseOver y continuar cuando haga un MouseOut, el código que tengo es:
var handles8_more = $$('#handles8_more a');
var nS8 = new noobSlide({
box: $('box8'),
items: $$('#box8 img'),
size: 608,
handle_event: 'mouseenter',
autoPlay: true,
handles: $$('#handles8 a'),
addButtons: {previous: $('prev8'), play: $('play8'), stop: $('stop8'), playback: $('playback8'), next: $('next8') },
onWalk: function(currentItem,currentHandle){
//style for handles
$$(this.handles,handles8_more).removeClass('active ');
$$(this.handles,handles8_more).play;
$$(currentHandle,handles8_more[this.currentIndex]).addClass('active');
$$(currentHandle,handles8_more[this.currentIndex]).stop;
this.items.set('opacity',0.3);
currentItem.set('opacity',1);
},
fxOptions: {
duration: 1000,
transition: Fx.Reveal,
wait: false
},
});
//more "previous" and "next" buttons
nS8.addActionButtons('previous',$$('#box8 .prev'));
nS8.addActionButtons('next',$$('#box8 .next'));
//more handle buttons
nS8.addHandleButtons(handles8_more);
//walk to item 0 witouth fx
nS8.walk(0,false,true);
Por otro lado, en lugar de que corra, me gustaría que apareciera y desapareciera, si alguien me puede apoyar, lo agradecería mucho.
Saludos,