html - ファンシーボックスに画像とともにhtmlを追加する

Question

Fancybox の画像の下に HTML の説明やテキストを追加することはできますか?

これが私が話していることのモックアップです：

それができない場合、これを行うことができるプラグインを知っていますか?

助けてください

Answer 1

可能である理由 画像を追加した後に追加する必要がある HTML は次のとおりです。

<div class="fancybox-title fancybox-title-float-wrap">
    <span class="child">
        <div>HI add the html here or delete the div and add the html here</div>
    </span>
</div>

これを自分でテストするには、http: //fancyapps.com/fancybox/demo/にアクセスして、右クリック要素の検査を行ってください。

Answer 2

私はファンシーボックスのユーザーではありませんが、あなたにShadowBoxを提案できます。

<a href="http://www.ancestry.com/wiki/images/archive/a/a9/20100708215937!Example.jpg" rel="shadowbox;height=200;width=200" title="<b>My Image</b><span>Desc</span>">My Image</a>​

#sb-title, #sb-title-inner {height: 3em;}
#sb-title-inner b {display: block; font-size: 1.2em;}
#sb-title-inner span {display: block;}​

フィドルの 例

お役に立てれば