1 
$("a.img").click(function(){
$.fancybox([{href:'images/img1.jpg', title: 'Sed elementum lorem purus, et hendrerit enim. Ut dignissim dolor eget ante gravida scelerisque. Suspendisse bibendum malesuada pharetra.'},{href:'images/img2.jpg', title: 'Aenean dictum volutpat magna ut posuere. Proin nec diam mi.'}], {
          openEffect:'none',
          closeEffect:'none',
          helpers:{
               title:{
                    type:'inside'
               }
          },
          closeBtn:false
     });
return false;
});

各画像にタイトルを使用していますが、同時にカテゴリのテキスト (alt または別の方法を使用) が必要です。このタイトル テキストは、fancybox ギャラリー ビューの画像の下部に表示されます。カテゴリに alt 属性を使用できる場合は、この上部の画像を使用すると思います。

4

2 に答える 2

0

を使用している場合は、その目的のために属性をHTML5 DOCTYPE次のように使用できますdata-*

<a class="img" title="my title" data-category="image category name"><img src="thumb.jpg" alt="alternate" /></a>

... 次に、beforeShowAPI オプションを使用して、次のようなタイトルを作成します

beforeShow : function(){
 this.title = this.title + " - Category: " + this.data("category");
}

唯一の問題は、内部で両方を使用する必要があることですtitle

.... または、同じbeforeShowオプションを使用して、次のような HTML を追加することもできます

'<span class="category">'+this.data("category")+'</span>'

ただし、.fancybox-innerセレクターにafterClose追加し、オプションを使用してそれを削除します。

于 2012-09-04T17:04:11.130 に答える
0

attr() メソッドを使用します。

詳細については、次のリンクを確認してください: http://api.jquery.com/attr/

于 2012-09-04T12:08:32.337 に答える