Enhance your galleries with on the fly special effects with Justified Image Grid. They can be set to activate/deactivate on mouse over or turned on or off for all images regardless of the mouse. These are quickly generated by the browser and don’t incur additional bandwidth usage. They are cross-browser compatible and are available for all images except when using Jetpack Photon to serve images. The effects are achieved by a JS plugin, Pixastic. Roll over the following examples with your cursor:

Desaturate

The above example uses the following, generated shortcode:
[justified_image_grid preset=2 link_title_field=description img_alt_field=title caption=off overlay=off specialfx=others specialfx_type=desaturate lightbox=foobox mobile_lightbox=foobox orderby=rand]

Blur

The above example uses the following, generated shortcode:
[justified_image_grid preset=2 caption=off overlay=hovered overlay_icon=on overlay_icon_opacity=0.5 overlay_opacity=0 specialfx=hovered specialfx_type=blur lightbox=foobox mobile_lightbox=foobox orderby=title_asc link_title_field=description img_alt_field=title]

Hover with the mouse to see the effect. Blurred by default is not good for the eyes. I added a magnifying glass at 0.5 opacity to make more sense to this effect.

Orton effect (blended blur)

The above example uses the following, generated shortcode:
[justified_image_grid preset=2 caption=off overlay=off specialfx=others specialfx_type=blur specialfx_blend=0.5 lightbox=foobox mobile_lightbox=foobox orderby=rand link_title_field=description img_alt_field=title]

This mimics Orton photography. The images end up looking dreamy. Make sure not to overuse this! This looks especially good for photos of people as it beautifies the skin. Also looks great with hair or fur!

The above example uses the following, generated shortcode:
[justified_image_grid preset=2 caption=off overlay=off specialfx=others specialfx_type=blur specialfx_blend=0.45 lightbox=foobox mobile_lightbox=foobox row_height=321 height_deviation=15 link_title_field=description img_alt_field=title]

Glow

The above example uses the following, generated shortcode:
[justified_image_grid preset=2 caption=off overlay=off specialfx=hovered specialfx_type=glow lightbox=foobox mobile_lightbox=foobox row_height=200 height_deviation=100 link_title_field=description img_alt_field=title]

The glow effect is best with dark photos with a light source, as it’ll brighten up. e.g. city lights, sunsets…

Sepia

The above example uses the following, generated shortcode:
[justified_image_grid preset=2 caption=off overlay=off specialfx=others specialfx_type=sepia lightbox=foobox mobile_lightbox=foobox orderby=rand link_title_field=description img_alt_field=title]

Laplace dark

The above example uses the following, generated shortcode:
[justified_image_grid preset=2 caption=off overlay=off specialfx=hovered specialfx_type=laplace_dark lightbox=foobox mobile_lightbox=foobox orderby=rand link_title_field=description img_alt_field=title]

Laplace light

The above example uses the following, generated shortcode:
[justified_image_grid preset=2 caption=off overlay=off specialfx=hovered specialfx_type=laplace_light lightbox=foobox mobile_lightbox=foobox orderby=rand link_title_field=description img_alt_field=title]

What are the options for special effects?

  • Choose the effect to use or none
  • Ability to work differently on mobile devices
  • Option to react to mouse over
  • A blending (opacity) setting that control how visible is the effect over the original image
  • Advanced setting that is specific to each effect, e.g. glow amount

Note: When Jetpack Photon is enabled the special effects are turned off because the images will be served from another domain. This is a security policy. In all other cases the special effects will display as thumbnails are hosted on your domain even for Facebook and Flickr.

 

How do the settings look like?

Because the screenshots are large, they open in a new tab so you can zoom them with the browser and can read the text.

Photo credits:

Magic sunset
Fashion Dancing Girl
Wavy Red Hair. Fashion Girl Portrait
Hands Massaging Female Face At The Spa