Fancybox画廊重复图像

时间:2012-08-23 09:09:01

标签: javascript jquery fancybox image-gallery

我制作了一个fancybox画廊,它可以正常使用图像编号但显示相同的图像

e.g。如果我有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

1 个答案:

答案 0 :(得分:1)

我认为弄乱原始的fancybox js文件是个坏主意,除非你知道你在做什么。您的小提示显示原始文件的更改,特别是第792行和第7行。

来自原始fancybox js file at fancybox.net 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/