-1

私はオンラインで見つけたスライドショーをたくさん試したので、それらを使ってやりました。タスクは簡単なはずですが、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で行う必要があります

4

1 に答える 1

0

XML の代わりに JSON を使用することをお勧めします。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 のサンプル コードを確認できます。

于 2012-12-27T18:54:48.023 に答える