Image Library is a plugin that can be added to your sites so that users can easily select images from a folder and submit them via a form.

Library Example:

Upload Example:

Example Code:

<form action="" method="post">
    <div id="il"></div>

    <input type="submit" name="submit" value="Submit">
</form>
<script>
    IL.create('#il');
</script>

Form Data:

"["image1.jpg",image5.jpg","bestImage.jpg"]"

This is the file in which you can customize the plugin.

Examples:

The directory in which to get images from and where to save them.

Add a class to set the width of each image, best to use a bootstrap class.

Set the height of each image in pixels.

This is the height of the preview image that is shown when the user is selecting a image to upload. You may want this to be different to the library images' height as only one image is display on this page whereas many could be shown on the library. This is a pixel value e.g 200.

The max file size of images that are being uploaded. This value is in bytes.

The colour of the border to be added to images when they are selected in the library. The value is any valid CSS colour.

The colour of the delete image cross displayed in the top right of the image. The value is any valid CSS colour.

In version 0.3.2 the user can select and deselect images and then submit them via a form. They can also upload new images from their machine. They can also delete any previously uploaded images.

• Select images
• Upload images
• Delete images
• Basic image editing