Lightbox embedding

You will neeed a lighbox-like script already installed into your page, for that we recommend this awesome jQuery plugin. This tutorial makes the assumption you already have one installed and running.

Clickable link

 

<a href="https://www.picozu.com/editor/?i=https://www.picozu.com/u/pug.jpg&workspace=0&theme=galaxy&key=YOURAPIKEY" rel="lightbox">Open the Editor</a>

TIP

You can customize the bold parts in the above code, the i variable defines the path to the image you want opened in Picozu, the width and the height of the popup window, the workspace variable defines the workspace, where 0 is minimal, 1 is the default one, 2 is educational and 3 is kids; the theme variable defines the theme, and it can be default, galaxy or kids, while key is a Picozu API key that you can get here.

 
Open the Editor

Clickable image

 

<a href="https://www.picozu.com/editor/?i=https://www.picozu.com/u/pug.jpg&workspace=1&theme=kids&key=YOURAPIKEY" rel="lightbox">
     <img src="https://www.picozu.com/u/pug.jpg" />
</a>

TIP

You can customize the bold parts in the above code, the i variable defines the path to the image you want opened in Picozu, the width and the height of the popup window, the workspace variable defines the workspace, where 0 is minimal, 1 is the default one, 2 is educational and 3 is kids; the theme variable defines the theme, and it can be default, galaxy or kids, while key is a Picozu API key that you can get here.

 

© 2011 - 2017 Picozu, The HTML5 Image Editor - Terms and Conditions - Privacy Policy

or

Forgot your details?