Buongiorno,
faccio una doverosa premessa, ovvero che, purtroppo, sono inesperto in materia.
Per tale motivo, Vi chiedo gentilmente un aiuto per il seguente problema:
con questa funzione (riportata sotto), riesco a far partire correttamente, al passaggio del mouse (onmouseover) lo slide automatico. Ma vorrei che quando il mouse non si trova più sulla selezione, si richiami la funzione principale (carousel), in modo che l'immagine torni ferma.
La prima funzione (carousel) l'ho utilizzata per mantenere la corretta formattazione della tabella, che altrimenti non avrei avuto, perché mi sarebbero comparse tante immagini una sotto l'altra all'interno della stessa cella), mentre la seconda (carousel2, con setTimeout attivo a 2000ms) l'ho utilizzata per
lo slide automatico.
Rimango in attesa di voster gentili indicazioni.
Per qualsiasi cosa rimango a disposizione.
Vi riporto il link interessato dal quale potete capire meglio: provate a passare con il mouse su "Volumi d'arte". Se il mouse lo spostate dall'immagine, la funzione continua, senza mai smettere.
Grazie.

http://www.eurocartlivorno.it/igp_pa...20-%20Copy.php



<script>
var myIndex = 0;


function carousel2() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel2, 2000);
}
</script>




<script>
var myIndex = 0;
carousel ()


function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
}
</script>