Imager Demo

Imager module

I created the imager module to enable users to easily view and edit large, high resolution images.  With imager you can edit the image in-situ and save changes directly back into Drupal.  Without imager a user must download the image from Drupal to a file, load the file into an image editing application, make the necessary changes, save it back to a file, then reload the image into Drupal.

The images below are sorted by size - largest to smallest.  My favorite image is the "Nebulae Composite" image.  This is a very large image and really demonstrates the usefullness of the imager module.

Click on a thumbnail to bring up the imager popup.  You can then pan and zoom to different parts of the image.  Try increasing the contrast a little and decrease the brightness to bring out the fine structure of the nebulae.  Scientists think nebulae are largely the remains of exploded stars, what do you think?

The imager module consists of 2000 lines of php and 3900 lines of JavaScript  It operates much like a single page application.  Imager runs on Drupal 7, 8, 9, and 10.

Directions

Left click on an image to bring up the imager popup.  The image is displayed in full resolution. 
Double click (or press 'X') to exit the imager popup.

Using the mouse and thumbwheel you can zoom, pan, and crop the image.  In addition using the buttons on the left you can rotate, change brightness/contrast, and change the hue/saturation/luminosity.  The edited image can then be saved back into Drupal as either a new image or it can overwrite the initial image.

Be patient on larger images - it can take several seconds to load an image, zoom the image, or make edits to the image.
Quick start -- Left click on the 3rd image - Nebulae Composite.  Hover over nebulae you want to view and zoom with the mouse thumbwheel.  Hold down the left button and drag to pan the image.
 
-- more --
2
Eta Cariana
Eta Carinae
Size: 52,848,675
Resolution: 29,566 x 12,960
1
Earth
Earth Composite
Size: 48,911,606
Resolution: 16,200 x 8,100
3
Nebulae Composite
Nebulae Composite
Size: 30,765,491
Resolution: 5,000 x 3,500
4
Dairy
Dairy Farm
Size: 12,752,646
Resolution: 7,360 x 4,912
5
Northern Lights
Northern Lights
Size: 9,296,160
Resolution: 4,847 x 1,767
15
Midnight in Alaska
Midnight in Alaska
Size: 4,141,036
Resolution: 4,928 x 3,264
6
Northern Light 2
Northern Lights 2
Size: 3,788,663
Resolution: 2,560 x 1,700
7
Eye of God
Eye of God
Size: 1,844,730
Resolution: 2,560 x 1,600
10
ITER
ITER
Size: 1,462,124
Resolution: 1,216 x 804
8
Milky Way
Milky Way from Sedona
Size: 1,385,144
Resolution: 1,920 x 1,200
13
Purple Nebulae
Purple Nebulae
Size: 831,053
Resolution: 980 x 980
9
ITER
ITER
Size: 447,880
Resolution: 2,000 x 1,274
17
Ranier Lenticular Clouds
Ranier Lenticular Clouds
Size: 406,704
Resolution: 2,225 x 1,270
12
Circular Aurora
Circular Aurora
Size: 270,407
Resolution: 1,600 x 900
16
Multi-color Aurora
Multi-color Aurora
Size: 212,604
Resolution: 1,200 x 800
19
Multi-color Aurora
Multi-color Aurora
Size: 207,062
Resolution: 1,920 x 1,080
18
Saturn from IO
Saturn from IO
Size: 171,341
Resolution: 1,280 x 720
14
Lenticular Clouds at Dusk
Lenticular Clouds at Dusk
Size: 142,676
Resolution: 1,472 x 800