为squeezebox添加标题答案

【问题标题】：adding a caption to squeezebox为squeezebox添加标题
【发布时间】：2011-01-28 22:15:33
【问题描述】：

我将 http://digitarald.de/project/squeezebox/ 用于 mootools 1.2

可以选择添加图片或内容，但我想在两者之间做点什么；或两者。本质上是在下面添加一个带有一些内容的图像。

任何见解我可以如何合并这些？

【问题讨论】：

标签： javascript mootools mootools1.2 squeezebox

【解决方案1】：

您可以将图像和内容包装在 div 中，然后使用挤压框显示 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/

【讨论】：

在另一个 div 周围添加 <div style="visibility:hidden;"> 会有所帮助。这意味着我需要为每个项目创建一个容器。似乎是字幕的蛮力解决方案，但最终可能会诉诸于此，谢谢。