This plugin allows users have an information icon that when clicked/hovered upon opens up an image/text in an animated modal popup

Basic

Frog Shadow Info Icon:

Little Frog Info Icon:

Little Frog from a Link

Little Frog with Custom Icon:

Little Frog with Hover instead of click:

To use with a Button instead of tooltip or text:

View Image

Advanced

Embed HTML and Text Content:

✕

Enter text here and images or any html inside. All the standard shortcode attributes still work with this shortcode.

Animations

Frog Shadow Info Icon slideInOutDown:

Frog Shadow Info Icon slideInOutTop:

Frog Shadow Info Icon slideInOutLeft:

Frog Shadow Info Icon slideInOutRight with title:

✕

Frog Image

Frog Shadow Info Icon zoomInOut:

Frog Shadow Info Icon rotateInOutDown:

Frog Shadow Info Icon mixInAnimations:

To use the Lightbox Tooltip use one of the shortcodes that are below.

The most important part of the shortcodes is the ID field this is not only used to style individual tooltips but used for the modal popup. Always make sure each shortcode has a unique identifier to ensure the correct modal popup opens.

Basic

Frog Shadow Info Icon: 
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg" id="1"]

Little Frog Info Icon:  
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/little-frog.jpg" id="2"]

Here is the: 
[gdx_lightbox text="Little Frog Text" img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-hand.jpg" id="3"]

Little Frog with Custom Icon: 
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-hand.jpg" id="4" tooltip="https://gdxdesigns.com/wp-content/uploads/2020/12/tooltip.png"]

Little Frog with Hover instead of click: 
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-hand.jpg" id="13" hover="1"]

To use with a Button instead of tooltip or text: 
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-hand.jpg" button="View Image" id="14"]

Advanced

Embed HTML and Text Content: 
[gdx_lightbox_text id="12" img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg"]

Enter text here and images or any html inside. All the standard shortcode attributes still work with this shortcode.

[/gdx_lightbox_text]

Animations

Frog Shadow Info Icon slideInOutDown:  
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg" animate="slideInOutDown" id="5"]

Frog Shadow Info Icon slideInOutTop:  
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg" animate="slideInOutTop" id="6"]

Frog Shadow Info Icon slideInOutLeft: 
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg" animate="slideInOutLeft" id="7"]

Frog Shadow Info Icon slideInOutRight with title: 
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg" animate="slideInOutRight" title="Frog Image" id="8"]

Frog Shadow Info Icon zoomInOut: 
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg" animate="zoomInOut" id="9"]

Frog Shadow Info Icon rotateInOutDown:  
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg" animate="rotateInOutDown" id="10"]

Frog Shadow Info Icon mixInAnimations:  
[gdx_lightbox img="https://gdxdesigns.com/wp-content/uploads/2020/11/frog-shadow.jpg" animate="mixInAnimations" id="11"]

  • slideInOutDown
  • slideInOutTop
  • slideInOutLeft (default)
  • slideInOutRight
  • zoomInOut
  • rotateInOutDown
  • mixInAnimations
  • text
  • tooltip
  • img
  • animate
  • title
  • hover
  • button – (doesn’t work with “text” or “tooltip”)
  • id

This plugin doesn’t work on Internet Explorer 11

You can download this plugin in the WordPress directory via Website backend or you can download directly from the plugin page

Next Plugin