我目前正在尝试为我的网站实施内容锁定系统,并且作为其中一部分,我想锁定一个现场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
内加载iframe(播放器)。然后,一旦他们完成了优惠,它会重新加载yourfirDiv
,这是同一个播放器,但没有内容储物柜。
我希望通过将<iframe>
包裹在<a>
标签中来实现这一目标,但唉,它不起作用。
所以我想我的问题是: 有没有办法可以在iframe上叠加div(或其他内容)作为打开内容储物柜的链接?
答案 0 :(得分:0)
现在已经解决了......在我的大脑开始工作后,我只是使用透明的GIF,我覆盖了div。然后将gif设置为触发链接。