分组Fancybox图像

我正在与fancybox功能。它工作正常，但它不基于我的Rel。分组Fancybox图像

这里是javascipt的

<script type="text/javascript"> 
    $(function($){ 
     var addToAll = false; 
     var gallery = true; 
     var titlePosition = 'inside'; 
     $(addToAll ? 'img' : 'img.fancybox').each(function(){ 
      var $this = $(this); 
      var title = $this.attr('title'); 
      var src = $this.attr('data-big') || $this.attr('src'); 
      var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title); 
      $this.wrap(a); 
     }); 
     if (gallery) 

     $('a.fancybox').fancybox({ 
      titlePosition: titlePosition 
     }); 
    }); 
    $.noConflict(); 
</script>

HTML

<img class="fancybox" title="Bed" rel="1roomGD" src="images_1" alt="Bed" /> 
<img class="fancybox" title="K" rel="1roomGD" src="images_2" alt="K" /> 
<img class="fancybox" title="G" rel="2roomS" src="images_3" alt="G" />

来源

2016-09-09 hiboss

你不应该绑定的fancybox到''但''标签。你也可以查看这个http://stackoverflow.com/a/9487189/1055987以供参考 – JFK

如通过@JFK建议的，我发现了较少的代码修改溶液加入.attr（ '相对'）抓住从值IMG

<script type="text/javascript"> 
    $(function($){ 
     var addToAll = false; 
     var gallery = true; 
     var titlePosition = 'inside'; 
     $(addToAll ? 'img' : 'img.fancybox').each(function(){ 
      var $this = $(this); 
      var title = $this.attr('title'); 
      var src = $this.attr('data-big') || $this.attr('src'); 
      var rel = $this.attr('rel') 
      var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title).attr('rel',rel); 
      $this.wrap(a); 
     }); 
     if (gallery) 

     $('a.fancybox').fancybox({ 
      titlePosition: titlePosition 
     }); 
    }); 
    $.noConflict(); 
</script>

来源

2016-09-13 01:57:20 hiboss

为了减少''each（）'内部的混乱'检查http://jsfiddle.net/p9ubpo5t/;） – JFK

分组Fancybox图像

回答

相关问题