javascript - 如果用户单击图像的右中部分，则调用函数

Question

我有一个画廊，我想当用户单击图像时转到下一张图像。但我需要点击图像的中间到右侧部分才能转到下一个图像，而不是整个图像。

我正在尝试类似的事情......但没有成功。

$(".imageClass").click(function(event) {
  var x = event.offsetX
  if(x > ?????????????????) {
      next = active.next();
  }
});

如何知道用户是否单击图像右侧来调用下一张？

Answer 1

试试这个:

$(".imageClass").click(function(event) {
    var x = event.offsetX;
    var width=$(this).width();
    if(x > width/2) {
        next = active.next();
    }
});