search

matiasgali / guillotine

jQuery plugin to crop images within an area (fully responsive), allowing to drag (touch support), zoom and rotate.
http://guillotine.js.org
326 stars 100 forks source link

Controls bar doesnt appear ... #50

Closed JPBigot closed 8 years ago

JPBigot commented 8 years ago

Hi Matias,

I've just downloaded and installed last guillotine version.

In my original html page :     

and in my javascript :
    var picture = jQuery('#edited-image');     picture.guillotine({width: 400, height: 300}) ;     jQuery('#rotate-left-button').click(function(){ picture.guillotine('rotateLeft'); });     jQuery('#zoom-in-button').click(function(){ picture.guillotine('zoomIn'); });

When I run my page, the picture appears in the right frame (400x300), and I can deplace it. The original HTML has been transformed as :     

    
    
     &nbsp&nbsp&nbsp 

And, I see that all javascript instructions are well executed, with break points in the mozilla debugger.

------>But the Guillotine controls bar doesnt appear !! (jQueryguillotine.js is the 1.8.0)

What I did wrong ??

Thanks in advance

JPB

rochapablo commented 8 years ago

The controllers must be add into your HTML. See the source http://guillotine.js.org/.

matiasgali commented 8 years ago

@JPBigot, take a look at the demo that comes with the source, in the index.html file you'll see that controls are added manually so you can customize them to whatever you need.

For future reference please read the CONTRIBUTING file, you'll find other resources more appropriate to get help and ask questions.

JPBigot commented 8 years ago

Hi Matias and Pablo,

I'm sorry, I thought that div control was create by guillotine.js ...

Your plugin is great..!

Thx a lot

JPB