如何在JQuery中的另一个元素中调用一个元素的事件

在这里，我在图像上有一些CSS按钮。基本上，现在发生的事情是当我单击图像时，图像正在缩放到一个位置。现在我需要同样的东西。CSS按钮在图像上的其他位置。现在，当我单击图像上方的按钮时，它应该缩放到图像的该部分。

我也希望在另一个div上onclick发生同样的事情。

这是我的代码。

<script>
    $(document).ready(function(){
            $('#ex4').zoom({ on:'toggle',duration: 500 });
            $('.frame').css('width','100%');
                    $('#f1').zoom({ on:'toggle',duration: 500 });
    });
</script>

在上面的代码中，我有一个具有id="ex4"和图像的元素。当我单击ex4元素时，图像放大。同样，当我单击＃f1时，ex4中的图像应放大。我怎样才能做到这一点？