The "Show image" link will open /img/my_image.jpeg in ShowUp, while "Show message" link will display "Hello World!". The data-showup-thumb attribute contains an optional link to the smaller version of the image which is used if the theme is showing thumbnail navigation.

This will use all default settings for the ShowUp. To customize the ShowUp take a look at our configurator.

Final step

Load the page and enjoy the World's best inovative lightbox alternative

Options allows you to easly control the look and feel of the ShowUp.

Syntax is the same as with all other similar jQuery extensions, but just in case we also have a an example where all options have their default values:

Example

index
Index of the slide to show.loop
Set to true start from the begining if the gallery has reached the end.force
Set to true to go to the next slide even if the autoplay is on.

Go to the specific slide in the gallery.

Returns:true if the ShowUp has advanced to the desired slide false otherwise

goNext(loop, force)

loop
Set to true start from the begining if the gallery has reached the end.force
Set to true to go to the next slide even if the autoplay is on.

Go to the next slide in the gallery.

Returns:true if the ShowUp has advanced to the next slide false otherwise

goPrev(loop, force)

loop
Set to true go to the end if this is the first slide in the gallery.force
Set to true to go to the previous slide even if the autoplay is on.

Go to the previous slide in the gallery.

Returns:true if the ShowUp has moved to the previous slide false otherwise

goPlay(interval, loop)

interval
The interval at which the slides will change, in milliseconds. If set to null it will read from the loop
Set to true to make the autoplay start from the beginning when it reaches the last slide.

Activate the autoplay mode.

Returns:true if the autoplay mode has been started false otherwise

goStop()

Activate the autoplay mode.

Returns:true if the autoplay was activated and it was stoped successfully false otherwise

goPause()

Puts the autoplay mode into a paused state.

Returns:true if the autoplay is active and it was successfully set in a paused state false otherwise

goUnpause()

Resume the autoplay from paused state.

Returns:true if the autoplay was in a paused state and was resumed successfully false otherwise

goHide()

Hide the currently active ShowUp.

Sign Up for Newsletter

Subscribe to our mailing list in order to receive information about new versions and extensions.

This plugin is developed by Intellex team.
To see our other scripts, visit us on
GitHub
or
CodeCanyon.