Slideshow problem HTML

See more:

Javascript

HTML

Hello first of all.

I've a little problem with my website, I decided to put in the main page a slideshow of different cinematographic pictures. My problem is when I slide with my cursor to the bottom of the page, when a picture changes to the next one the page goes automatically up without even clicking to go up ... I have put a script in my code so it can changes the photos, do you think that's the problem ?

Thank you so much beforehand !

What I have tried:

This is the script i got

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";
    setTimeout(carousel, 3000);
}