javascript - スクイーズボックスにキャプションを追加する

Question

mootools 1.2 にhttp://digitarald.de/project/squeezebox/を使用しています

画像またはコンテンツを追加するオプションがありますが、その間に何かをしたいと思います。または両方。基本的に、下にいくつかのコンテンツを含む画像を追加します。

これらをマージする方法についての洞察はありますか？

Answer 1

画像とコンテンツを div でラップしてから、squeezebox を使用して div をコンテンツとして表示できます。 スクイーズボックスを使用してコンテンツと画像を表示するために、@ http://digitarald.de/project/squeezebox/1-1/showcase/get-elements/の例を使用しました。

<a href="#demo-target-clone" rel="boxed">Show Image & Content</a> 

<div id="demo-target-clone">
    <img src="http://farm3.static.flickr.com/2268/1624148602_c69850e3fc_t.jpg" alt="Sunny autumn river">
    <p>Image Content</p>
</div>

<script type="text/javascript">
window.addEvent('domready', function() {

    SqueezeBox.assign($$('a[rel=boxed][href^=#]'), {
        size: {x: 200, y: 200}
    });

});
</script>

動作例@ http://www.jsfiddle.net/AL93a/を確認してください