Question

我尝试了很多幻灯片，我在网上找到了他们。任务应该很简单，但是因为我是一个jquery新手，它打败了我：

应使用XML，JQUERY或Javascript

我想创建一个幻灯片，我将图片放在IMAGES文件夹中，我想要做的就是在XML文件中写下这些图像的路径并从那里读取，如下所示：

<allImages>
 <oneImage>
 Image/picture1.jpg
 </oneImage>
 <oneImage>
 Image/picture2.jpg
 </oneImage>
 <oneImage>
 Image/picture3.jpg
 </oneImage>
 <oneImage>
 Image/picture4.jpg
 </oneImage>
</allImages>

没什么好看的，只是在XML文件中找到路径的图片上重复的幻灯片。这应该使用jQUERY或Javascript

完成

Answer 1

我建议您使用JSON而不是XML。 JSON比XML简单快捷

// JSON Object
var imagesJSON = [
  "Image/picture1.jpg",
  "Image/picture2.jpg",
  "Image/picture3.jpg",
  "Image/picture4.jpg"];

$(function() {
    LoopThroughImages();
});

var i=0;
function LoopThroughImages(){
    var imgPath = imagesJSON[i]; // Write the code for reading the image path from XML here
    $("#image").attr('src',imgPath  );
    i++;
    if(i >= 4)
        i=0;
    setTimeout(LoopThroughImages, 3000);
}

您可以在JSFiddle here

中看到示例代码

幻灯片显示来自XML文件的图像路径

1 个答案: