0

この JQuery ズーム プラグインを使用して、誰かが写真内の小さな画像を検索する必要があるゲームを構築しています: http://www.professorcloud.com/mainsite/cloud-zoom.htm

ユーザーがこの要素を見つけたら、機能をトリガーするためにクリック可能である必要があります。ユーザーがこの要素にカーソルを合わせるとズーム機能が中断され、ゲームが中断されることを除けば、すべて非常に簡単です。ズームの流れを妨げないこのズーム画像内にクリック可能な要素を埋め込む方法を誰か教えてください。

ここに例をまとめました：

http://christophercamplin.com/zoom/

ここで何か助けていただければ幸いです。

4

1 に答える 1

0

これに似た onclick 設定を使用してみませんか。ボックスを撃つだけでなく、座標が正しいエリアにあるかどうかを確認し、そうであれば必要なことを行い、そうでなければ何もしません。これにより、問題の原因となる a タグが不要になります。 

<html><head><script type="text/javascript">
function dog(){
alert("start");
pig.onclick=function(e){
alert(e.pageX+"dg"+e.pageY);
};
alert("done");
}
</script>
<title>your face</title>
</head>
<body onload="dog();">
<div style="display:block; width:200px; height:200px; background-color:Red;" id=pig>
</div>
</body>
</html>
于 2012-05-09T18:05:50.743 に答える