Image Over Image

Element to swap between two images which changes on hover.

Image Over Image

Image Over Image element would allow you to swap between two images which changes on hover.Swaping would done with different effects.

Effect 1

[wdo_ult_image_over_image wdo_image_effect=”style1″ wdo_front_image=”493″ wdo_back_image=”492″]
[wdo_ult_image_over_image wdo_image_effect=”style1″ wdo_front_image=”493″ wdo_back_image=”492″]
[wdo_ult_image_over_image wdo_image_effect=”style1″ wdo_front_image=”493″ wdo_back_image=”492″]

Effect 2

[wdo_ult_image_over_image wdo_image_effect=”style2″ wdo_front_image=”487″ wdo_back_image=”484″]
[wdo_ult_image_over_image wdo_image_effect=”style2″ wdo_front_image=”487″ wdo_back_image=”484″]
[wdo_ult_image_over_image wdo_image_effect=”style2″ wdo_front_image=”487″ wdo_back_image=”484″]

Effect 3

[wdo_ult_image_over_image wdo_image_effect=”style3″ wdo_front_image=”9073″ wdo_back_image=”9074″]
[wdo_ult_image_over_image wdo_image_effect=”style3″ wdo_front_image=”9076″ wdo_back_image=”9081″]
[wdo_ult_image_over_image wdo_image_effect=”style3″ wdo_front_image=”9077″ wdo_back_image=”9078″]

Effect 5

[wdo_ult_image_over_image wdo_image_effect=”style5″ wdo_front_image=”34″ wdo_back_image=”33″]
[wdo_ult_image_over_image wdo_image_effect=”style5″ wdo_front_image=”36″ wdo_back_image=”35″]
[wdo_ult_image_over_image wdo_image_effect=”style5″ wdo_front_image=”30″ wdo_back_image=”29″]

Effect 6

[wdo_ult_image_over_image wdo_image_effect=”style7″ wdo_front_image=”47″ wdo_back_image=”46″]
[wdo_ult_image_over_image wdo_image_effect=”style7″ wdo_front_image=”43″ wdo_back_image=”37″]
[wdo_ult_image_over_image wdo_image_effect=”style7″ wdo_front_image=”32″ wdo_back_image=”31″]

Effect 7

[wdo_ult_image_over_image wdo_image_effect=”style8″ wdo_front_image=”47″ wdo_back_image=”46″]
[wdo_ult_image_over_image wdo_image_effect=”style8″ wdo_front_image=”416″ wdo_back_image=”424″]
[wdo_ult_image_over_image wdo_image_effect=”style8″ wdo_front_image=”411″ wdo_back_image=”412″]

Options

Every option and description included with the element shortcode is listed below.

Front Image - Add image that would be used as front image

Image after Hover - This image would be shown as second image which change on hover.

URL - Give complete URL that would open when click over image.

Link Target - Set target how link will open when click over image.