Ciao.
Io vedo che quando ci vado sopra con il mouse, lo slide si ferma. Appena esco dal div dello slide lo slide riprende.
Vorresti quindi che non riprendesse lo slide dopo che ci sono andato sopra?
Io vedo dall'html della pagina che nel tag <head> inizializza lo slide. Ecco il codice:
<script type="text/javascript">
window.addEvent('domready',function(){
var hs8 = new noobSlide({
mode: 'vertical',
box: $('box8'),
items: [1,2,3,4,5,6],
startItem: [1],
size: 303,
autoPlay: true,
interval: 10000,
fxOptions: {
duration: 1000,
transition: Fx.Transitions.Expo.easeOut,
wait: false
},
onWalk: function(currentItem,currentHandle){
$$(this.handles,handles8_more).removeClass('active');
$$(currentHandle,handles8_more[this.currentIndex]).addClass('active');
}
});
$$('#box8').addEvents({
'mouseover':function(){
hs8.stop();
},
'mouseleave':function(){
hs8.play(10000,"next",true);
}
});
var handles8_more = $ES('div','handles8_more1').extend($ES('div','handles8_more2'));
hs8.addHandleButtons(handles8_more);
hs8.walk(0)
});
</script>
La funzione che interessa a te è sul fondo:
$$('#box8').addEvents({
'mouseover':function(){
hs8.stop();
},
'mouseleave':function(){
hs8.play(10000,"next",true);
}
});
Se togli quindi la parte del "mouseleave", quando entri su un'immagine lo slide si blocca e se anche esci dallo slide, questo non riprende la sua animazione. Deve quindi diventare così:
$$('#box8').addEvents({
'mouseover':function(){
hs8.stop();
}
});
