如何使用html / javascript添加对象的链接？

Question

是否可以添加链接到Flash对象？ 我尝试通过两种方法执行此操作，但仍然无法正常工作：

第一次尝试：

html

<div class="main_image" data-href="some link">
<object type="application/x-shockwave-flash" data="<?=$this->baseUrl('/resources/flash/banner_cs5.swf');?>" 
    width="708" height="255" id="content_flash" style="visibility: visible; ">
    <param name="wmode" value="transparent">
</object>
</div>

javascript

$('.main_image').click(function() {
    window.location.href($(this).attr('data-href'));
});

第二次尝试：

html

<div class="main_image" data-href="some link">
  <a href="some link" style="display:block;width: 100%;height:100%;z-index:10;">
    <object type="application/x-shockwave-flash" data="<?=$this->baseUrl('/resources/flash/banner_cs5.swf');?>" 
        width="708" height="255" id="content_flash" style="visibility: visible; ">
        <param name="wmode" value="transparent">
    </object>
  </a>
</div>

因此，两者都不起作用。 我该怎么做？ 任何帮助，将不胜感激。

Answer 1

您可以在Flash中添加链接，Flash元素上的click事件被Flash本身捕获，因此它不会被委派给html，因此据我所知，基本上您无法捕获它

Answer 2

您可以创建一个像叠加层一样工作的div，但它有点脏。

HTML部分：

<div style="position:relative; z-index: 1;">
<object type="application/x-shockwave-flash" data=""
    width="708" height="255" id="content_flash" style="visibility: visible; ">
    <param name="wmode" value="transparent">
</object>
<div class="main_image" data-href="some link" style="width: 708px; height: 255px; margin-top: -255px;position:relative; z-index:99;"></div>
</div>

jQuery部分：

$('.main_image').click(function() {
    window.location.href($(this).attr('data-href'));
});

你可以在这里找到一个例子

Answer 3

<a href="some link" target="_new" >
<div style="position:relative; z-index: 1;">
<object type="application/x-shockwave-flash" data=""
    width="708" height="255" id="content_flash" style="visibility: visible; ">
    <param name="wmode" value="transparent">
</object>
<div class="main_image" data-href="some link" style="width: 708px; height: 255px; margin-top: -255px;position:relative; z-index:99;"></div>
</div>
</a>