Fancybox画廊重复图像

Fancybox gallery repeating images

本文关键字：图像 Fancybox      更新时间：2023-09-26

我制作了一个fancybox库，它可以很好地处理图像编号，但它显示的图像相同

例如，如果我有5个图像，我可以点击接下来的4次，但显示相同的图像，除非我打开另一个图像，否则它将在两个图像上工作，依此类推

我使用了一些随机数来避免缓存，但观察firebug时没有错误，也没有发送获取新图像的请求

这是我的代码

<a href="path/to/image/1/?cashe='+Math.random()+'" class="aGalleryHolder" rel="galleryGroup" ><img src="path/to/image/1/" class="galleryItems2" /></a>

JS尝试了两个不同的选择器，结果是

jQuery("a.aGalleryHolder").fancybox();
jQuery("a[rel=galleryGroup]").fancybox();

有什么想法吗？

http://jsfiddle.net/5VZ6h/1/

这是src，它让我疯狂

我认为破坏原始的fancybox-js文件是个坏主意，除非你知道自己在做什么。你的小提琴显示了原始文件的更改，特别是792行和上的更改

来自fancybox.net上的原始fancybox.js文件792行显示：

$(this)
 .data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))
 .unbind('click.fb')
 .bind('click.fb', function(e) {
   e.preventDefault();
   ...etc

您的编辑http://jsfiddle.net/5VZ6h/1/：

$(this)
 .die('click.fb')
 .live('click.fb', function(e) {       
  $(this).data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))
  e.preventDefault();
  ... etc

一旦我把原来的fancybox-js代码交给你，它就会正常工作。自己看看：http://jsfiddle.net/jMWFp/3/

相关文章：