0

我目前正在尝试在我的网站上实施内容锁定系统，作为其中的一部分，我想锁定现场 mp3 播放器，直到用户完成报价。

因此，当页面加载时，它会显示播放器，但如果他们尝试点击它，它会弹出内容储物柜，一旦他们完成报价，它会将 DIV 交换为完全可用的播放器。

这是代码：

<div id="mobmp3">
    <div id="yoursecDiv" style="display:block; z-index: 999;">  <a href="javascript:void(0)" onclick="var fileref=document.createElement('script');fileref.setAttribute('type','text/javascript'); fileref.setAttribute('src', 'http://c.themixtapesite.com/locker.js?guid=0512eafd69b18d22');document.body.appendChild(fileref); setTimeout(yourFunction, 3000);"> 
                                            <iframe src="http://themixtapesite.com/wp-content/plugins/amazon-s3-cloud-mp3-player/html5/html5mob2.php?bucket=mixtape2" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="97.4%" height="280" max-width="97.4%">
                                            </iframe>
                                    </a>

    </div>
</div>
<!-- Place the Real Link within yourfirDiv which is set to not display
until yourFunction has been executed. -->
<div id="yourfirDiv" style="display:none;">
    <iframe src="http://themixtapesite.com/wp-content/plugins/amazon-s3-cloud-mp3-player/html5/html5mob2.php?bucket=mixtape2"
    frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="97.4%"
    height="280" max-width="97.4%"></iframe>
</div>

因此，如您所见，我正在尝试在yoursecDiv. 然后，一旦他们完成了报价，它就会重新加载yourfirDiv，这是同一个播放器，但没有内容储物柜。

我希望通过<iframe>在<a>标签中包装我可以实现这一点，但是唉，它不起作用。

所以我想我的问题是：有没有办法我可以在 iframe 上覆盖一个 div（或其他东西）作为打开内容储物柜的链接？

4

1 回答 1

0

现在已经解决了......经过一点新鲜空气后，我的大脑开始工作，我只是使用了一个透明的 gif 覆盖在 div 上。然后将该gif设置为触发链接。

于 2013-03-06T14:59:14.210 回答