Php fancybox中的静态描述和标题

Php fancybox中的静态描述和标题,php,jquery,fancybox,gallery,preview,Php,Jquery,Fancybox,Gallery,Preview,我在数据库里有几张专辑。每一张中都有几张图片。我通过php获得这些相册和图像: var data = [ [ {'href': 'http://31.media.tumblr.com/ed86baf7b4e9538aeaebc406aaa56cbc/tumblr_mmwaozmUKo1s0o4s9o1_500.jpg'}, {'href': 'http://25.media.tumblr.com/6623ddd110dd18bffb35457c

我在数据库里有几张专辑。每一张中都有几张图片。我通过php获得这些相册和图像:

    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并由php生成:

<ul id="gallery">
  <li><img src="preview1.jpg"></li>
  <li><img src="preview2.jpg"></li>
  <li><img src="preview3.jpg"></li>
   ....
</ul>
  • ....
当我观看gallery时,我想在任何地方(下方、下方、右侧、左侧)看到整张专辑的静态描述。我的意思是,当我把我的照片滑到某个人的相册中时,我会看到这张相册的描述。也在模态窗口中。fancybox是真的吗?我还想看看静态标题

有人能帮我吗?如果你不明白,你可以问我一些问题来获得更详细的答案


谢谢

最简单的方法是在一些分隔符之后添加相册描述到图像标题,例如一些

。您可以从
的属性中获取相册描述

下面是一个例子:

也许这篇文章可以帮助你: