-2

JavaScript の学習を始めたばかりで、作成しようとしているスライドショーの助けが必要です。これがコードです。ボタンをクリックすると、3 つの画像が循環するだけです。

<DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">

<script>
function Slideshow(){

        switch(x){
            default:
            document.getElementById("img").src="images/image2.jpg";
            var x=1;
            break;
        case 1:
            document.getElementById("img").src="images/image3.jpg";
            x++;
            break;
        case 2:
            document.getElementById("img").src="images/image1.jpg";
            x++;
            break;
    }
}

</script>
</head>
<body>

<div id="homepage_title">
    <h1>Slideshow</h1>
</div>

<div id="slideshow_wrapper">
    <div id="image">
        <img id="img" src="images/image1.jpg">
    </div>

    <div id="slideshow_button_right">
        <button type="button" onclick="Slideshow()">Next</button>
    </div>

</div>


</body>
</html>
4

1 に答える 1