Documentation Home »
9bit Studios.com »

Popup Image Shortcode

Displays a link in the form of a thumbnail image or text where a pop-up image using the prettyPhoto application will appear when the user clicks on the link.

Shortcode:


[popupimage]

Attributes:


path
Should have the value of the path to an image somewhere either on your server or elsewhere on the Internet. This image display in a pop-up when it the applicable link is clicked

type
Can have the value thumbnail or text. This determines what type of link will appear. If you specify "text," the link will be displayed as a link of text. You can specify what the text is by setting it in the imagetext parameter.

imagetext
This is the both the text that will appear when the user mouses over the image (alt text) and the text that will appear in a link. If you specify "thumbnail" in the "type" parameter, this parameter still sets the text that will appear when the user mouses over the image (alt text).

thumbnail
This is the path to the thumbnail image that will display in a pop-up when it is clicked. This is only applicable if you specify "thumbnail" in the "type" parameter.

Examples:


Here is an example using a thumbnail image...

[popupimage path="https://www.yourdomain.com/wp-content/uploads/2010/12/redpuddle.jpg" type="thumbnail" thumbnail="https://127.0.0.1/xampp/wordpress/wp-content/uploads/2010/12/redpuddle.jpg" imagetext="red puddle"]

Here is the same only using a link containing text...

[popupimage path="https://www.yourdomain.com/wp-content/uploads/2010/12/redpuddle.jpg" type="link" linktext="Click here to view the image in a window" imagetext="red puddle"]

Back to Shortcodes »