我想使用javascript和字幕消息创建图像和视频的幻灯片显示

时间:2018-07-17 00:38:24

标签: javascript slideshow webpage

这是到目前为止我对图像幻灯片的了解,如何将视频添加到幻灯片中,它们在显示时会自动播放,并且一直停留到视频结束?我也想在滚动的页面底部显示一条消息(就像他们在ESPN底部的消息一样)

<script>
    var i = 0; // Start point
    var images = [];
    var time = 1000;

    // Image List
    images[0] = 'image1.jpg';
    images[1] = 'image2.jpg';
    images[2] = 'image3.jpg';
    images[3] = 'image4.jpg';

    // Change Image
    function changeImg(){
        document.slide.src = images[i];

        if(i < images.length - 1){
            i++;
        } else {
            i = 0;
        }

        setTimeout("changeImg()", time);
    }

    window.onload = changeImg;

</script>

<img name="slide" width="400" height="200">

0 个答案:

没有答案