Advanced Images

New Image on Hover

Have an image appear on an image. Your options include: lightbox (control background color), link to a page (open in a new window or not), your two images (Your image’s alt text is automatically added, you also have the power to alter it), image effect (fade in, slide left, slide right, slide up, slide down, flip horizontal, flip vertical), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

(Fade In)

(Slide from Left)

(Slide from Right)

(Slide Up)

(Slide Down)

(Flip Horizontal)

(Flip Vertical)

(with Border)

Image Opacity

Control the opacity on hover. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), image opacity (original and hover – control percentage), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

From 50% Opacity to 100% Clarity

From Clarity to 25% Opacity + Border

Add Content on Hover

Use shortcodes and content to your heart’s content when a user hovers over an image. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), hover transition (fade in, slide left, slide right, slide up, slide down), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no) + control background color, text color and background opacity.

map

Amazing!

Use any shortcodes and shortcode variations you want!

cup
cat
shirt
settings

This is freaking awesome!

 Use any shortcodes and shortcode variations you want!

(Fade In)

Jenny

Jennifer Johnson 

Director of Sales

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

(Slide Down – Opacity 80%)

Mark

Mark Beasley

Director of Funk

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

(Slide Up – Opacity 70%)

Charlie

Charlie Kind

Chief Executive Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

(Slide Right – Opacity 60%)

Spencer

Spencer McHurry

Chief Trampoline Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

(Slide Left + Border)

Image Rotate

Control how an image rotates when a visitor hovers over it. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), image rotation (left or right rotation, and rotation degrees 5, 10, 15, 20, 25, 30), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Phone

(Left – 5 degrees)

Fast Load and Reliable

(Left – 10 degrees)

Browser Ready

(Right – 20 degrees)

settings

(Right – 30 degrees)

Image Saturation

Control the saturation of an image on live view and hover. Please note: this feature does not work in Firefox. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), image saturation (original saturation level percentage of choice and hover saturation level, also a percentage of your choice), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Alt

(Start at 50% – End at Full Color)

Alt

(Start at 100% – End at 75%)

Skew

Make your images skew upon hover. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), image skew (left or right, percentage of length skewed 5, 10, 15, 20), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Rocket

(Left – 5)

Rocket

(Left – 10)

Rocket

(Right – 15)

Rocket

(Right – 20)

Squared / Rounded Corners

Put a square image in and have it default on rounded corners, when a user visits and hovers the image will grow to a square image (and vise versa) . Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), start on square and end on circle or start on circle and end on square, squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

MacBook Pro

(Circle to Square)

MacBook Pro

(Square to Circle)

Scale

Put your image in a column and when a user hovers over it, it grows. A fun effect to add to your website. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Full Width &Parallax

Rotate

A fun feature to make images spin when a user hovers on an image. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), rotation of image (left, right), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Keyboard

(Rotate Left)

Chart

(Rotate Right)

Rotate and Scale on Hover

When a user hovers over it, it spins and grows. A fun effect to add to your website. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), rotation of image (left, right), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Clock

Vignette

Add a beautiful and subtle vignette to any image. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), vignette color, squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Office Staff