如何创建隐藏的div，以及如何在其中使用swf文件？

Question

我一直很难找到一个好的教程：

我正在尝试这样做，当点击缩略图时，隐藏的div显示在它上面。我也希望它能够被关闭。我试图在此之前做弹出窗口，但是swf文件加载了页面而不是弹出窗口。用隐藏的div可以避免这种情况吗？

我如何制作我的div？ 示例代码：

<div class="work"><h4>"1" - Animation SOUND</h4>
<img src="images/thumb/bazinga_thumb.png" ></a></div>

<div class="work"><h4>"2" - Animation SOUND</h4>
<img src="images/thumb/2_thumb.png" ></a></div>

<div class="work"><h4>"3" - Animation SOUND</h4>
<img src="images/thumb/3_thumb.png" ></a></div>

我正在寻找CSS和JS选项！

Answer 1

试试这个：

<div id="flashHolder" style="display:hidden;">
<embed src="thing.swf"></embed>
</div>
<img onclick="showFlash();" src="image.png" />
<script>
function showFlash()
{
document.getElementById("flashHolder").style.display="auto";
}
</script>

我希望我能提供帮助！ =）