Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将图片动态添加到Photosweep_Javascript_Jquery - Fatal编程技术网

Javascript 将图片动态添加到Photosweep

Javascript 将图片动态添加到Photosweep,javascript,jquery,Javascript,Jquery,我正在尝试将图片(从数组)动态添加到Photosweep。我曾尝试使用jquery的“append”方法,但没有成功。我还阅读了人们在web上关于这个问题的所有文章,但我没有找到正确的答案。欢迎提供任何帮助 我找到了一种将图像动态添加到Photosweep中的方法,但这有点太粗糙了 一个人必须做三件事: 更新原始图像(不知道这有多重要) 向所有图像添加单击处理程序 将所有图像添加到instance.cache.images 我使用以下代码执行此操作: var images, im

我正在尝试将图片(从数组)动态添加到Photosweep。我曾尝试使用jquery的“append”方法,但没有成功。我还阅读了人们在web上关于这个问题的所有文章,但我没有找到正确的答案。欢迎提供任何帮助

我找到了一种将图像动态添加到Photosweep中的方法,但这有点太粗糙了

一个人必须做三件事:

  • 更新原始图像(不知道这有多重要)
  • 向所有图像添加单击处理程序
  • 将所有图像添加到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);
    
    var图像、图像、i、元数据、src、标题、,
    Util=window.Code.Util;
    图像=$('#addedImages')。查找('a');
    instance.originalImages=$(“#所有照片滑动图像”).find(“.a”);
    对于(i=0;i
    我找到了一种将图像动态添加到Photosweep中的方法,但这有点太草率了

    一个人必须做三件事:

  • 更新原始图像(不知道这有多重要)
  • 向所有图像添加单击处理程序
  • 将所有图像添加到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);
    
    var图像、图像、i、元数据、src、标题、,
    Util=window.Code.Util;
    图像=$('#addedImages')。查找('a');
    instance.originalImages=$(“#所有照片滑动图像”).find(“.a”);
    对于(i=0;i
    向我们展示一些代码…向我们展示一些代码。。。