5枚の画像が並んでいます。これらの画像はクリックできます。ユーザーが画像をクリックすると、fancybox jquery を使用してビデオが開きます。私が望むのは、ユーザーが 3 つのビデオしか開けないことです (ユーザーがどのビデオかを決定します)。3 番目のビデオが再生された後、jquery でユーザーを別のページに送ります。また、クリック後に画像の不透明度を変更し、このクリックされた画像の URL を削除して、ユーザーがこのビデオを 1 回だけ開くことができるようにします。
私がこれまでに持っているもの:
<a class="fancyboxIMG1" href="linktovideo1.swf">
<img src="BTN1.jpg" style="width:19%" id="BTN1">
</a>
<a class="fancyboxIMG2" href="linktovideo2.swf">
<img src="BTN2.jpg" style="width:19%" id="BTN2">
</a>
<a class="fancyboxIMG3" href="linktovideo3.swf">
<img src="BTN3.jpg" style="width:19%" id="BTN3">
</a>
<a class="fancyboxIMG4" href="linktovideo4.swf">
<img src="BTN4.jpg" style="width:19%" id="BTN4">
</a>
<a class="fancyboxIMG5" href="linktovideo5.swf">
<img src="BTN5.jpg" style="width:19%" id="BTN5">
</a>
現在使用しているjqueryコード(画像番号を変更して他の4つの画像に追加するだけでよいため、1つの画像のコードをコピーします):
<script type="text/javascript">
count = 5;
$('#BTN1').click(function(){
if (count >= 3){
$(BTN1).css('opacity', '0.2');
$('#BTN1').unbind('click');
count--;
$(".fancyboxIMG1").fancybox();
}
else {
location.href='http://www.thelinktogoto.com';
};
});
</script>
誰かがこれで私を助けてくれることを願っています?!