javascript - 将图片动态添加到 Photoswipe

Question

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

Answer 1

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

有 3 件事必须做:

1. 更新原始图像(不知道这有多重要)。
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);