ライトボックスの写真タイトルにロゴを追加する

ロゴを追加することは可能ですか？ライトボックスのフッター（写真のタイトル/説明）の写真。プロトタイプのJavaScriptフレームワーク、バージョン1.6.0.2（http://www.prototypejs.org）ライトボックスの写真タイトルにロゴを追加する

あなたは、lightbox.cssを編集する（私はLightox2.0プラグインに基づいて、この答えを書いている）ことができますあなたの

出典

2011-07-12 mko

ありがとうございました。

/* Add this: */ 
#imageDetails { 
    padding: 0 0 0 40px; /* Width of your image */ 
    background: #FFF url(your-image.png) top left no-repeat; 
}

もう一つの方法は、title属性へのリンク（ないがクリーンな方法）を添加することにより、次のとおりです。ソリューションの並べ替えは、

<a href="image.jpg" rel="lightbox" title="<a href='#' class='somelogo'>Link</a>Some text to display"><img src="thumb.jpg" width="100" height="40" alt="" /></a>

出典

2011-07-12 14:35:47 ramono

であるが、1つは別のロゴを使用する場合は問題があります別の写真、または1ページの異なる写真セットに保存することができます。ロゴの代わりにリンクを追加するのはどうですか？それは、親ページのHTMLコードを妨害することなく可能ですか？ – mko

タイトル属性内にリンクを追加しました。たぶんクラスを使って、ロゴをリンクに追加することができます。 – ramono

タイトルの中にどのようにリンクを追加しましたか？コードを貼り付けることができますか？ – mko

ライトボックスの写真タイトルにロゴを追加する

答えて

関連する問題