页面上有多个断头台

Question

如何为同一页面上的图像使用多个断头台插件？

我创建了两个新实例，但无法锻炼。问题是，当我单击任何断头台操作时，两个图像包装器都会受到影响。

以下是我将两个不同的图像传递给的代码。

var guillotine = function(_this, _width, _height) {

        var picture = _this;

        // Make sure the image is completely loaded before calling the plugin
        picture.on('load', function(){

            // Initialize plugin (with custom event)
            picture.guillotine({
                width: _width,
                height: _height,
                init: { angle: 90, x: 0, y: 0, scale: 1 }
            });

            // Bind button actions
            $('.guillotine .rotate_left').click(function(){ picture.guillotine('rotateLeft'); picture.guillotine('fit'); });
            $('.guillotine .rotate_right').click(function(){ picture.guillotine('rotateRight'); picture.guillotine('fit'); });
            $('.guillotine .fit').click(function(){ picture.guillotine('fit'); });
            $('.guillotine .zoom_in').click(function(){ picture.guillotine('zoomIn'); });
            $('.guillotine .zoom_out').click(function(){ picture.guillotine('zoomOut'); });

            picture.guillotine('fit');

        });

    };