fancybox中的靜態描述和標題

我在數據庫中有多個相冊。每一個都有幾個圖像。我通過PHP得到這些相冊和圖片：fancybox中的靜態描述和標題

var data = [ 
     [ 
     {'href': 'http://31.media.tumblr.com/ed86baf7b4e9538aeaebc406aaa56cbc/tumblr_mmwaozmUKo1s0o4s9o1_500.jpg'}, 
     {'href': 'http://25.media.tumblr.com/6623ddd110dd18bffb35457cf83f771c/tumblr_mm8tcct2Av1rphpc2o1_500.jpg'}, 
     {'href': 'http://25.media.tumblr.com/d4fe3fcc6326cde88c14d658d521eaee/tumblr_mvbnqtsX2P1rgd6gxo1_500.jpg'} 
     ], 
     [ 
     {'href': 'http://25.media.tumblr.com/6816c5b46d93ceebde243a9cf48f02dc/tumblr_mvn9jdNiiq1rgd6gxo1_r1_500.jpg'}, 
     {'href': 'http://31.media.tumblr.com/0c27cb0ba446c1f1c778452c4590eafd/tumblr_mvmwp0Cq4f1rgd6gxo1_r1_500.jpg'}, 
     {'href': 'http://31.media.tumblr.com/72c1f613c537f12c10e8689dc0bf093c/tumblr_mvtqoxy0N11r9asaso1_500.jpg'} 
     ], 
     [ 
     {'href': 'http://25.media.tumblr.com/bbfb7445c08e139d945296507ad9146c/tumblr_mjdkktCfhO1qa9opio1_500.jpg'}, 
     {'href': 'http://31.media.tumblr.com/73924815d177266083b59d20db9c287e/tumblr_mvss8vVZew1qa9opio1_500.jpg'}, 
     {'href': 'http://25.media.tumblr.com/3cd96a8148b263514ffbcb32e6a0ebf8/tumblr_mvss8geomy1qa9opio1_500.jpg'} 
     ] 
    ];

然後我用的fancybox：

$(document).ready(function() { 


       $('#gallery').on('click', 'img', function() { 
        var index = $(this).parent().index(); 

       $.fancybox(data[index], { 
       title: { 
         type: 'inside' 
        }, 
       title: $(this).attr('rel'), 
       afterLoad: function() { 
         this.title = this.title + ' ' + $(this.element).find('img').attr('alt'); 
        } 
       }); 

       return false; 
       }); 
      });

預覽的代碼看起來像和生成的PHP：

<ul id="gallery"> 
    <li><img src="preview1.jpg"></li> 
    <li><img src="preview2.jpg"></li> 
    <li><img src="preview3.jpg"></li> 
    .... 
</ul>

我想看看當我觀看畫廊時，整個專輯的任何地方（底部，底部，右側，左側）的靜態描述。我的意思是，當我將我的圖片放入相冊中的某個人時，我會看到這張專輯的描述。在模態窗口中也是如此。 fancybox是真的嗎？我也想看到靜態標題。

任何人都可以幫助我嗎？如果你不明白你可以問我更多的問題問題的答案。

謝謝。

來源

2015-04-06 sloker antonov

也許這篇文章可以幫助你：http://stackoverflow.com/questions/13176738/adding-a-title-to-fancy-box –