为什么幻灯片不能使用索引数组或index array.src

why the slideshow not work using index array or index array.src

本文关键字：index array src 数组 索引 幻灯片 不能 为什么      更新时间：2023-09-26

我正在创建一个简单的幻灯片，只是测试一些想法，稍后我会扩展它，使用一些不同的音频，视频和图片来源

为什么我输入

var MySlides = [];
Myslides[0] = "link";

或

var MySlides = [];
MySlides[0].src = "link";

我的幻灯片不起作用，但是如果我输入

var MySlides= ("link1","link2","link3") the slider work 'the links being 
 jpegs'

是因为src不是对象数组的属性，而是如果我使用最后一个方法将图像存储在数组中然后将数组与图像数组[i]结合起来。E比指数，然后使用src，它的工作方式和上一个方法一样。对象的好处是，它允许我创建自己的对象吗主程序中的小程序

。在一个页面上为不同的公司提供订票系统

最后，谁能推荐和广泛的参考表我可以使用或转换为PDF打印，显示方法，属性和大多数对象的事件处理程序，[以表格式]，可能有一个单个工作示例，[wishful].

var MySlides = [];
 var Slider;
MySlides[0].src= "https://pixabay.com/static/uploads/photo/2016/05/12/20/58/water-lilies-1388690_960_720.jpg";

MySlides[1].src= "http://www.gettyimages.pt/gi-resources/images/Homepage/Hero/PT/PT_hero_42_153645159.jpg";

MySlides[2].src= "http://7606-presscdn-0-74.pagely.netdna-cdn.com/wp-content/uploads/2016/03/Dubai-Photos-Images-Photos-of-Dubai-800x600.jpg";
Slider[3] = new Image();
MySlides[3].src= "https://pixabay.com/static/uploads/photo/2016/05/12/20/58/water-lilies-1388690_960_720.jpg","http://www.w3schools.com/css/trolltunga.jpg";

var Slide = 0;
function ShowSlides(SlideNumber) {
        Slide = Slide + SlideNumber;
        if (Slide > MySlides.length - 1){
            Slide = 0;
        }
        if (Slide < 0) {
            Slide = MySlides.length - 1;
        }
        document.DisplaySlide.src = MySlides[Slide];
}

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content ='width=device - width, initial-scale=1.0, user scalable=no'/>
    <title></title>
</head>
<body>
<P align="center"><img src="http://www.gettyimages.pt/gi-resources/images/Homepage/Hero/PT/PT_hero_42_153645159.jpg" name="DisplaySlide" width="900" height="320" /><p>
    <table border=0>
        <tr>
            <td align=center>
                <input id="left" type="button" value="Back" onclick="ShowSlides(-1)">
                <input type="button" value="Forward" onclick="ShowSlides(1)">
            </td>
        </tr>
    </table>
</body>
</html>

你有这个:

MySlides[0] = new Image();
MySlides[0].src= "...url...";

这使得MySlides[0]成为一个图像对象。然后这样做:

document.DisplaySlide.src = MySlides[Slide];
^^^^^^^^^^^^^^^^^^^^^--- image node
                     ^^^^--- src attribute of image nod

因此，您正在分配一个完整的Image对象给DOM img节点的src。你不能这么做。src期望一个URL，你在一个对象中填充。这就像给一辆汽油车加满了柴油，然后想知道为什么你哪儿也开不了。

试

document.DisplaySlide.src = MySlides[Slide].src;
                                           ^^^^

。

相关文章：