HTML CSS JSResult Skip Results Iframe
EDIT ON

    <!-- Slideshow container -->
    <div class="slideshow-container">

        <!-- Full-width images with number and caption text -->
        <div class="mySlides fade">
            <div class="numbertext">第一張</div>
            <img src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:49%">
            <img src="https://www.w3schools.com/howto/img_snow_wide.jpg" style="width:49%">
            <div class="text">雪山+高山</div>
        </div>

        <div class="mySlides fade">
            <div class="numbertext">第二張</div>
            <img src="https://www.w3schools.com/howto/img_snow_wide.jpg" style="width:100%">
            <div class="text">雪山</div>
        </div>

        <div class="mySlides fade">
            <div class="numbertext">第三張</div>
            <img src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%">
            <div class="text">極光</div>
        </div>

        <!-- Next and previous buttons -->
        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
        <a class="next" onclick="plusSlides(1)">&#10095;</a>
    </div>


    <!-- The dots/circles -->
    <div style="text-align:center">
        <span class="dot" onclick="currentSlide(1)"></span>
        <span class="dot" onclick="currentSlide(2)"></span>
        <span class="dot" onclick="currentSlide(3)"></span>
    </div>