1

CrossSlide jQueryプラグインを使用していますが、ドキュメントに次のコードが示されています。

<script>
  $(function() {
    $('#slideshow').crossSlide({
      sleep: 2,
      fade: 1
    }, [
      { src: 'picture1.jpg' },
      { src: 'picture2.jpg' },
      { src: 'picture3.jpg' },
      { src: 'picture4.jpg' }
    ])
  });
</script>

私がやりたいのは、画像を手動で渡すのではなく、srcプロパティを持つオブジェクトの配列を渡すことです。オブジェクトを作成することはできましたが、それを行う方法があるかどうかはわかりません。

Javascriptは、オブジェクトを取得して、おそらく実行時に拡張するなどの方法/方法を提供しますか?

代わりに調べる必要のある別のプラグインがあると思われる場合は、提案を受け付けています。

4

1 に答える 1

1

他の人が混乱していると言っているあなたの質問を正しく理解している場合は、プロパティを使用してArrayオブジェクトのを動的に作成する必要がありsrcます。これらの画像をデータベースに保存し、動的に取得してスライドショーに追加する方法が必要だと想定しています。これを行う1つの方法は、次のようなものです。

var data = [];

function buildImagesArray(array) {
  // get the images you want from somewhere, like a database perhaps?
  var images = methodToGoGetImages();
  // iterate over the images
  images.forEach(function (img) {
    // create new objects with a src property
    var imageObj = {};
    // add the path of the image as the value of the src property
    imageObj.src = img.url;

    // push this object into the data Array
    array.push(imageObj);
  };

}

buildImagesArray(data);

$(function() {
  $('#slideshow').crossSlide({
    sleep: 2,
    fade: 1
   }, data)
});

簡潔にするためにいくつかの実装の詳細を省略しましたが、うまくいけば、あなたはその考えを理解するでしょう。

于 2012-09-27T22:52:30.297 に答える