点击图片,弹出flash文件

时间:2015-01-07 09:29:51

标签: javascript jquery html 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>');

任何人都可以开导我吗?感谢

1 个答案:

答案 0 :(得分:0)

使用jQuery,您可以通过以下方式完成:

  • 使用flash对象创建div(稍后将用作弹出窗口)
  • 隐藏页面上的div(显示:无)
  • 将新的onclick函数附加到您将使用上面创建的div创建新jQuery对话框(http://jqueryui.com/dialog/)的图像

这就是全部!如果你正在使用一些后端(ASP.NET MVC,Angular,...),你不必在页面上创建那个div,因为弹出内容可以通过ajax调用加载)