ClassyPicozu - Image Editing for your website

ClassyPicozu is a plugin that allows you to use Picozu's advanced image editing functions on images from your own website. Basically you get an awesome online image editor your visitors can use to play with.

Source: class.pm

Make sure you register a Picozu API key, which will be tied to your domain.

1. INCLUDE JS AND CSS FILES

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.classypicozu.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.classypicozu.min.css" />

2. HTML

<a href="http://www.yourdomain.com/yourimage.jpg" class="picozu"></a>

 You create an anchor element on which you want to trigger the Picozu Editor. Make sure thehref attribute points to the image you want to load into Picozu.

3. JAVASCRIPT

$('.picozu').ClassyPicozu({
    key: 'YOUR_PICOZU_API_KEY'
});

Fill in correctly your Picozu API key.

4. OPTIONS

• width - width of the Picozu Editor window in pixels, default is 1100
• height - height of the Picozu Editor window in pixels, default is 768
• move - whether to move the modal window when you scroll the page, default is true
• key - your Picozu API key, default is null
• image - the plugin loads the image specified in the anchor's href attribute, but you can override it with the image parameter, default is null
• workspace - defines the Picozu workspace, where 0 is minimal, 1 is the default one, 2 is educational and 3 is kids, default is 1
• theme - defines the Picozu theme, can be default, galaxy or kids, default is default

5. CALLBACKS

• onOpen - callback function to be called when the modal window opens
• onClose - callback function to be called when the modal window closes