点击图片，打开弹出的Flash文件

Question

我可以在页面上成功嵌入Flash文件，但是我喜欢做一些更改。 我想先在页面上显示图片，然后单击图片，将Flash文件显示为弹出窗口，而不是附加到网站上。 我已经在网上搜索了很长时间，但仍然没有任何线索。

我做了一个简单的小提琴： http : //jsfiddle.net/e057o7b0/

我原来的附加代码：

$(this).parent().siblings(".sectionTwo_mainPic").append('<object class="swfSrc" type="application/x-shockwave-flash" target="_blank" data="'+mainSwf+'" width="800" height="600"> <param name="movie" value="'+mainSwf+'" /><param name="quality" value="high"/></object>');

谁能启发我？ 谢谢

Answer 1

使用jQuery，您可以通过以下方式进行操作：

• 使用Flash对象创建div（稍后将用作弹出窗口）
• 在页面上隐藏该div（显示：无）
• 将新的onclick函数附加到图像上，您将在div上使用上面创建的方法在其中创建新的jQuery对话框（ http://jqueryui.com/dialog/ ）

就这样！ 如果使用的是后端（ASP.NET MVC，Angular等），则无需在页面上创建该div，因为可以通过ajax调用来加载弹出式内容）