Question

我有两个随机拿起照片的旋转木马。 [fiddle] 他们每个人（#carousel1，#carousel2）都会从他们自己不同的内部数组中获取图片和链接。

我的问题是旋转木马将拥有自己的图像路径和指向不同子域的链接，但脚本使用addImage("/pic/" + images[i][0], "/url/" + images[i][1]);}中的实际路径（“url”和“pic”）。我能想出的唯一解决方案是将域用作变量

var domain = "www.picture.com";

在实际路径“/ pic /”和“/ url /”的位置，然后根据轮播的ID附加实际图像路径并链接到domain。我不知道如何做第二部分，如果这是正确的方法。有人请给我一些解决方案吗？

function randomizeCarousel(selector, images) {
  var i, l, carousel = $(selector);

  function shuffle(images) {
    var i, shuffled = [];
    while(images.length) {
      i = Math.floor(Math.random() * images.length);
      shuffled = shuffled.concat(images.splice(i, 1));
    }
    return shuffled;
  }

  function addImage(src, href) {
    var container = $("<div>"),
        link      = $("<a></a>").attr("href", href).appendTo(container),
        img       = $("<img/>").attr("src", src).appendTo(link);
    carousel.append(container);
  }

  images = shuffle(images.slice(0));
  for(i = 0, l = images.length; i < l; i++) {
    addImage("/pic/" + images[i][0], "/url/" + images[i][1]);
  }

  carousel.jsCarousel({
    onthumbnailclick: function(src) { load(src); },
    autoscroll:       true,
    circular:         true,
    masked:           false,
    itemstodisplay:   3,
    orientation: 'h'
  });
}

$(function () {
  randomizeCarousel("#carousel1", [...]); // add your 1st array here
  randomizeCarousel("#carousel2", [...]); // add your 2nd array here
  // ... etc.
});

Answer 1

这样的东西？

var domain1,domain2,path1,path2;
  domain1 = 'http://domain.tld';
  domain2 = 'http://domain2.tld';
  path1 = domain1+"/pic/";
  path2 = domain2+"/url/";
    addImage(path1 + images[i][0], path2 + images[i][1]);

在jQuery中为每个ID的变量附加附加值

1 个答案: