Getting started with Instamgic Create is really simple. First add the
class to a div.
is set to 300x300px. But you probably have some specific sizes in mind.
This is easy. Simply set the
properties to the pixel size you want.
In the example above we have defined an image 800x200px. Remember, Instagram images are square so using round numbers ensures no parts of the image are cropped.
Finally set the
Adding text (to copyright it, add a watermark or just for fun) to your created images is easy.
Simply start with the
property and set the text you would like to appear.
The size of the text will automatically adjust it's size to fit within the image. SO the more text, the smaller the font size.
Next, set the text position like so:
data-im-create-text-position = "top-left"
Simply set the positon and you're ready to go.
The Instamagic Create function is pretty flexible. It's best to experiment with different settings and tweak your image till you get them perfect.
Created images are all cached. Once an image has been generated it will be saved in the folder you specify in the
Next time you load up your page the image will be retreived from your Instamagic save directory speeding uploading time.
Use this if you want your Instagram images in a popup lightbox. Use with
to group images in to different lightboxes.
Set a unique name for each lightbox group. Use with
Set the number of images to fit page size or for different layouts.
Set a grid of columns and rows or choose collage for a random scattered effect (still experimental).
Set a the space inbetween each image in pixels.
Set a fixed width for the image you create.
Set a fixed height for the image you create.
Set the color inbetween the images - match your page background color or set to transparent for no background color.
Use to set the shape of the images - squares or circles.