ファンシーボックス画像のグループ化

Question

私はfancybox機能を使っています。それは正常に動作しますが、私のRelに基づいてグループ化していません。 @JFKによって示唆されるように、ここで

、iは以下のコードを修正する溶液から値を取得する.ATTR（ 'REL'）を追加して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" /> 

Answer 1

を見出しています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>