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我假设您将这些图像存储在数据库中，并且想要一种动态获取它们并将它们添加到幻灯片放映的方法。一种方法是这样的：

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 回答