Question

我不知道如何使用增量。通过一个功能。我无法得到段落来显示数组的单词

<p id= "demo" 
var Array = ["hello", "goodbye"];
var mimg = document.getElementById(imageArray[0]);
mimg.setAttribute('src', [index]);
//var ArrayIndex = 0; 

function change() {
	("src", Array[Index]);
	imageIndex++;
	if (Index >= Array.length) {
		Index = 0;
	}

}

Answer 1

请勿忘记使用浏览器的控制台read this article Using Your Browser to Diagnose JavaScript Errors。

不要使用setattribute函数，请使用src属性。

＆＃13;

var myImage = document.getElementById("mainImage");

var imageArray = ["http://lorempixel.com/400/200/sports/1/", "http://lorempixel.com/400/200/sports/2/", "http://lorempixel.com/400/200/sports/3/", "http://lorempixel.com/400/200/sports/4/"];

myImage.src = imageArray[0];

var imageIndex = 0; 

function changeImage() {
    myImage.src = imageArray[imageIndex];
    imageIndex++;
    if (imageIndex >= imageArray.length)
        imageIndex = 0;
}

window.onload = function() {
    setInterval(function() {
        changeImage();
    }, 1000);
};

＆＃13;

<img id="mainImage" />

＆＃13;

Answer 2

var myImage = document.getElementById("mainImage");
var imageArray = ["images/1.png","images/2.png","images/3.png","images/4.png"];
var mimg=document.getElementById(imageArray[0]);
mimg.setAttribute('src',photos[index]);

您没有显示相关的HTML，但我注意到您在本节中获得了一个ID为＃34; images / 1.png＆＃34;的元素。并将该元素的src设置为photos [index]中的某个值。您还没有显示照片数组的加载方式。你真的有一个带有ID＆＃34; images / 1.png＆＃34;？

的元素

在函数中，将mainImage的src设置为imageArray中的值，而不是photo数组中的值。这可能是有效的，但由于这与你在函数之外所做的不同，我想确保这是有意的。

Answer 3

我认为你在谈论这样的解决方案：

var imageArr=["images/1.png", "images/2.png", "images/3.png", "images/4.png"];

$('#button'). on('click',function(){
var index=(Math.random(0,imageArr.length)*10)
$('#img').attr('src',imageArr[index])
});

你的问题再次不清楚，因此我认为这将有助于你获得方向。

Answer 4

如果您使用纯JavaScript

，这应该是解决方案

var myImage = document.getElementById("mainImage"),
    imageArray = ["images/1.png", "images/2.png", "images/3.png", "images/4.png"],
    imageArrayIndex = 0;

myImage.src = imageArray[imageArrayIndex++];

function changeImage () {
    myImage.src = imageArray[imageArrayIndex++];
    imageArrayIndex = imageArrayIndex >= imageArray.length ? 0 : imageArrayIndex;
}

确保您的元素定义为“img”。

Answer 5

这是一个解决方案，它在图像上设置int i; for (i=0; i<size_word; i++) { if (wordd[i] == '\0') { wordd[i] = 0; break; } }属性以跟踪所选索引。此解决方案与IE8兼容，不使用Jquery库。运行下面的代码片段进行测试（单击图像转到下一个）。

data-index

var mimg   = document.getElementById('main-image'),
    simg   = document.getElementById('sec-image')
    imgArr = [
      'http://placehold.it/50x50/00AAAA',
      'http://placehold.it/50x50/AAAA00',
      'http://placehold.it/50x50/AA00AA',
    ];
      
var loopImages = function(element, imgArray, startAt) {
   var index = element.getAttribute('data-index'),
       newIndex = 0;
      
   if (!index)
      newIndex = ((startAt && startAt < imgArr.length-1) || 0) + 1;
   else if (index < imgArr.length-1)
      newIndex = parseInt(index) + 1;
   
   element.setAttribute('data-index', newIndex);
   element.src = imgArr[newIndex];
};
      
mimg.addEventListener('click', function(e) {
    loopImages(e.target || e.srcElement, imgArr);
});
setInterval(function() {
  loopImages(simg, imgArr);
}, 500);

你如何使用增量？

5 个答案: