Fancybox图片库不起作用

Question

I'm trying to do a Fancybox image gallery. 我正在尝试制作Fancybox图片库。 I have a function that takes a list of image URLs and appends them to the DOM like so 我有一个函数，它接收图像URL的列表并将其附加到DOM，就像这样

function handleImageURLs(imageURLs) {
  var appendString = "";

  //Create an <a> tag for each image URL
  for(var i = imageURLs.length - 1; i >= 0; i --) {
    appendString += "<a href='"+ imageURLs[i] +"' rel='img_preview'><img src='"+ imageURLs[i] +" />'</a>";
  }

  //Add the <a> tags containing images to the <body> element
  $("body").append(appendString);

  //Select the image <a> tags and call Fancybox
  $("a[rel='img_preview']").fancybox({
    onCleanup: function() {
      //do cleanup stuff, remove images, etc.
    }
  });
}

Everything works fine. 一切正常。 The <a> tags get added to the DOM. <a>标记被添加到DOM中。 But Fancybox doesn't open at all. 但是Fancybox根本没有打开。 And doesn't throw any errors. 而且不会抛出任何错误。 Any idea what I'm doing wrong? 知道我在做什么错吗？

Answer 1

结合使用这两种方法，并在我要显示的图像上触发了click事件。

Fancybox图片库不起作用

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-08-04 00:20:45

Fancybox图片库不起作用

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-08-04 00:20:45

解决方案1
0 已采纳 2012-08-04 00:20:45