2011-07-18 18 views
1

ギャラリアは非常に素晴らしいギャラリープラグインですが、プラグインによって写真のキャプション(iのシンボルをクリックした場合)に表示される情報が生成されます。jQueryプラグインでカスタムHTMLを表示するギャレリアの写真のキャプション

enter image description here

私のカスタムHTMLコードを挿入することができるように、私は(可能であれば、プレゼンテーション、クロスブラウザ、標準に準拠したからコンテンツの分離)固体道を見つけようとしています(つまり、リンクやスタイル)でこのキャプションテキスト。

このプラグインは、dataConfigオプションを使用してhtmlキャプションをサポートしていますが、<a href=""></a>を削除します。このストリッピングを克服するために

、私はこれが機能することが分かっ:

JS理想的な、シンプルなdescription: $('.info').html()は十分です

var _tit = $(img).next('h3').html(); 
var _info = $(img).siblings('.info').html(); 
var _url = $(img).siblings('.info a').attr("href"); 
var _user = $(img).siblings('.info a').children().html(); 
var _desc = _info + "<a href="+_url+">"+ _user +"</a>"; 
return { title: _tit, description: _desc }; 

HTML

<span class="info">Subida por <a href="http://www.manolito.com">Manolito</a></span> 

...

+0

ここでhttp://getsatisfaction.com/galleria/topics/add_a_link_inside_the_descriptionはあまり良い解決策ではありません。 –

答えて

1

ガレリアでサポートされています。こちらをご覧ください:http://galleria.aino.se/docs/1.2/options/dataConfig/

+0

私はこれを試しましたが、私の特定のケースではうまくいきませんでした。 –

+0

何がうまくいかなかったのですか?コードやjsfiddleを投稿できますか? – Mrchief

関連する問題