Tag: photoswipe

photoswipe – 在画廊展示期间添加图片: 我知道用jquery将图像添加到photoswipe列表很简单，但我无法弄清楚如何在浏览图库时更新图像列表，即无需返回图像列表。一个替代方案（没有jquery，因为它直接将图像添加到photoswipe实例）我发现是使用下面的代码，但似乎在库中更新列表的唯一可能性是返回到第一个图像（在去之前）对于第一张图片，一切都很糟糕）。浏览图库时是否有刷新列表的function？ for (i = 0; i < fileList.length; i++) { //add new image list console.log(fileList[i]); instance.cache.images.push(new Code.PhotoSwipe.Image.ImageClass(fileList[i], fileList[i].url, fileList[i].caption, '')); };

PhotoSwipe：关闭画廊动画错误的矩形（缩略图）: 我是Javascript的新手，我在实现PhotoSwipe插件时遇到问题：我正在尝试使用jQuery为网页实现PhotoSwipe插件。大多数工作正常（打开一个画廊，导航幻灯片）。关闭图库时会出现问题。问题：我点击图片1，打开PhotoSwipe灯箱，我导航到幻灯片2，然后关闭图库。这关闭了画廊。但关闭动画是为图像1播放的，而我期待它为图像2播放。它在PhotoSwipe演示页面上正常工作，因此我的代码中出错。如果我复制/粘贴演示页面的Javascript代码，它可以正常工作。我相信我错过了一些代码，这些代码将当前显示的幻灯片与各自的缩略图绑定我在演示页面的主要问题是：我很难理解vanilla JS演示，哪个部分负责什么动作。请帮我找到缺少的function。这是PhotoSwipe“点击开始画廊”活动的代码： $(‘.my-gallery’).each( function() { var $pic = $(this); var items = itemArray; var $pswp = $(‘.pswp’)[0]; $pic.on(‘click’, ‘figure’, function(event) { event.preventDefault(); var $index = $(this).index(); var options = { index: $index, getThumbBoundsFn: function(index) { // get element we clicked on to […]

动态加载photoswipe的内容: 我正在动态加载photoswipe画廊的内容。前5个图像URL从页面加载的数据库加载，并按照应有的方式工作。问题我点击其中一个链接，Photoswipe打开加载列表中的5个图像。我的代码使用新的5张图片更新列表。 Photoswipe不会更新图像galery。我的代码如下： setInterval(function() { $(“#vbar”).load(location.href+” #vbar>*”,””); }, 10000); 我有这个建议： Photoswipe相同的源代码，但输出不起作用。但它没有用。这是实况页面

Photoswipe + JQM：回事件问题: $（document）.on（“pagecreate”，function（）{ $ .jsonp（{ url：’URL_TO_GET_JSONP’， callbackParameter：’get_photo’，成功：函数（json，status）{ var photo = []; var path =’URL_TO_GET_JSONP’; $ .each（json，function（a，b）{ photo.push（” “）; photo.push（ ”）; photo.push（” “）; }）; $（ ‘画廊 ‘）HTML（photo.join（”））; var myPhotoSwipe = $（“。gallery a”）。photoSwipe（{ enableMouseWheel：false， }） }，错误：function（）{ 警报（“无法加载照片。”）; } }）; }）; 我遇到了图库和浏览器后退按钮的问题。与小（x）按钮相反，用户更有可能按下他们的后退按钮离开画廊。问题是，当您使用后退按钮时，您最终会在空白页面上没有导航或内容只是页面背景。（例如： http ： //www.photoswipe.com/latest/examples/04-jquery-mobile.html ）它有什么工作吗？

响应式PhotoSwipe，具有移动设备上的大型控件: 在这个官方的codepen中，在我的移动设备上，控件和标题看起来很小： http ：//codepen.io/dimsemenov/pen/ZYbPJM 我尝试将其添加到HTML但它没有任何区别：如何在photoswipe.com网站上制作更大的图片？