javascript - 将图片动态添加到 Photoswipe

Question

我正在尝试将图片（来自数组）动态添加到 photoswipe。我尝试使用 jquery 的“追加”方法但没有成功。我还阅读了人们在网上写的关于这个问题的所有内容，但我没有找到正确的答案。欢迎提供任何帮助。

Answer 1

我找到了一种将图像动态添加到 photoswipe 的方法，但它有点 hackish。

有3件事是必须做的：

1. 更新 originalImages（不知道这有多重要）。
2. 将点击处理程序添加到所有图像。
3. 将所有图像添加到 instance.cache.images。

我用以下代码做到了这一点：

        var images, image, i, metaData, src,caption,
        Util =window.Code.Util;
        images=$('#addedImages').find('a');
        instance.originalImages = $('#all-photo-swipe-images').find('.a');
        for (i = 0; i < images.length; i++) {
            image = images[i];
            src = instance.settings.getImageSource(image);
            caption = instance.settings.getImageCaption(image);
            metaData = instance.settings.getImageMetaData(image);
            image.__photoSwipeClickHandler = PhotoSwipe.onTriggerElementClick.bind(instance);
            Util.Events.remove(image, 'click', image.__photoSwipeClickHandler);
            Util.Events.add(image, 'click', image.__photoSwipeClickHandler);
            image = new PhotoSwipe.Image.ImageClass(image, src, caption, metaData);
            instance.cache.images.push(image);