Instamagic Gallery lets you quickly and easily add multiple galleries to one page with a single line of code.
Add lightbox features, hover effects, filters and your Instagram likes, follows, tags, titles and more...
class to a div to define it as a gallery.
The only other thing you need to do to get it working is set the
data-im-tags
property.
You can have as many tags as you like, just seperate them with commas like so:
data-im-tags="landscape, animals, people"
or pass in a JSON object:
data-im-tags="{landscape, animals, people}"
.
Everything else has default settings (check out the options at the bottom of the page). Arrange your gallery however you like by first setting
data-im-number-of-images
,
and then the number of columns:
data-im-cols
.
Instagram serves up its images in 3 resolutions, i.e., low, medium and high. Set this with the
data-im-img-res
property. The default is medium.
You can add each gallery to its own lightbox group. Or have one group for all galleries. You can read more about the lightbox
here.
Multiple galleries with lightbox groups, filter effects and hover effects: