如何使用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>