Introduction
Turn a thumbnail or a phrase into a rich preview on hover, focus, or tap. Image Tooltip shows a larger image, title, body, and optional Open link without leaving the article.
Image Tooltip is a content plugin plus editor button for Joomla 4, 5, and 6. Insert {itooltip} from the toolbar, or load a published article by ID. Native JavaScript only: no jQuery, no TimThumb.
Why site owners choose it
- Image or text triggers: product thumbs, floated editorial photos, or a dashed underline on a phrase
- Article as the source:
{itooltip article="123"}{/itooltip}fills title, excerpt, image, and link from that article - Inline or AJAX: embed the excerpt with the page, or fetch it on first hover
- Safe excerpts: strip plugin syntax, choose Plain text or Safe HTML, optional images, closed tags after truncation
- Themes: Dark, Light, Glass, Brand, with per-tip overrides
- Placement: follow the cursor, or lock above, below, left, or right
- Click to pin: tap on touch, Escape or an outside click to close
- Editor button: insert a ready shortcode without typing attributes
- WebP cache: resize local images under
images/cache/image-tooltip
Perfect when you want
- Product previews in a catalog article without a lightbox gallery
- A Joomla article ID as the tooltip body, not a second copy of the text
- Hover tips that stay readable when the template styles links on hover
- Joomla 4, 5, and 6 with no jQuery
Highlights at a glance
| Area | What you get |
|---|---|
| Type | Content plugin + editor button |
| Shortcode | {itooltip} image or text trigger |
| Article source | ID aliases: article, id, contentid |
| Load | Inline with the page, or AJAX on hover |
| Excerpt | Plain text or Safe HTML, strip plugin syntax, optional images |
| Themes | Dark, Light, Glass, Brand |
| Placement | Follow, top, bottom, left, right |
| Platform | Joomla 4 / 5 / 6, PHP 8.0+ |
Install in minutes
- Download and unzip
ImageTooltip_UNZIP.zip - System > Install > Extensions > upload
pkg_image_tooltip_3.2.1.zip - Enable Content - Image Tooltip and Editor - Image Tooltip
- Clear cache, edit an article, click Image Tooltip in the editor
- Hover or tap the trigger on the site
Shortcode example:
{itooltip article="123" type="text"}{/itooltip}
Support
- Support: https://support.joomlax.com/
- Documentation: https://joomlax.com/documentation/image-tooltip
- Demo: https://demo.joomlax.com/demo/utilities/image-tooltip
Image Tooltip: hover previews from a thumb, a phrase, or a Joomla article ID.
Image ToolTip
- Version:
- 3.2.1
- Developer:
- Infyways Solutions
- Last updated:
-
Aug 27 2026
1 month ago - Date added:
- Nov 19 2014
- License:
- GPLv2 or later
- Type:
- Paid download
- Includes:
- p
- Compatibility:
- J4 J5 J6
Share