JT Image Lightbox PRO automatically opens article images in a clean Joomla Dialog lightbox for Joomla! 6. It is designed for content creators who want a simple way to display smaller images inside articles while allowing visitors to open the full image in a larger dialog view.
- Joomla! 6.x
- A Joomla! article with images inserted in the editor
- Content plugin enabled
- Download the latest JT Image Lightbox PRO package.
- Go to System → Install → Extensions in your Joomla! administrator panel.
- Upload the plugin package and install it.
- Open Plugins and search for Content - JT Image Lightbox.
- Enable the plugin.
JT Image Lightbox PRO is designed to work with regular article images.
Basic workflow
- Create or edit a Joomla! article.
- Insert an image into the article using the editor.
- Save the article.
- Open the article on the frontend.
- Click the image to open it in the lightbox dialog.
This allows you to keep images visually balanced inside the article while still providing a larger view for visitors.
Only in Articles
Enable this option to process images only in Joomla! articles.
This is the recommended setting for most websites using com_content.
Lightbox Mode
Choose how the plugin detects and prepares images for lightbox display.
Available modes may include:
- all linked images in article text
- class-based image handling
- automatic handling of article images
Use the mode that best matches your content workflow.
Trigger Class
Set the CSS class used when class-based mode is selected.
Example:
<a href="/images/example.jpg" class="jt-lightbox">
<img src="/images/example-thumb.jpg" alt="Example">
</a>Auto-wrap Unlinked Images
When enabled, plain article images that are not already wrapped in links can be automatically prepared for lightbox opening.
This is one of the most useful options for fast content publishing.
Dialog Title Source
Choose where the dialog title should come from.
Typical sources include:
- title first, then alt
- alt only
- no title
This helps you control how image captions or titles are displayed in the lightbox.
Dialog Sizing
Choose how the dialog size should behave.
Recommended option:
- Automatic (fit to image)
This keeps the lightbox natural and avoids an oversized dialog area around the image.
Show Hover Expand Icon
Display a small expand icon over the image on hover.
This improves user experience by making it clearer that the image can be opened.
Ignore External Image URLs
Enable this option to ignore remote image URLs and only process local images.
This is useful when you want to avoid applying lightbox behavior to third-party images.
For most Joomla article-based websites, the following setup works best:
- Only in Articles: Yes
- Lightbox Mode: All linked images in article text
- Auto-wrap Unlinked Images: Yes
- Dialog Title Source: Title first, then alt
- Dialog Sizing: Automatic (fit to image)
- Show Hover Expand Icon: Yes
- Ignore External Image URLs: Yes
Example 1: Standard editor image
A regular image inserted into the Joomla editor can be automatically prepared for lightbox display.
Example editor output:
<p><img src="/images/demo.jpg" width="800" height="500" alt="Demo image"></p>With automatic wrapping enabled, the plugin prepares the image for lightbox behavior on the frontend.
Example 2: Class-based trigger
Use a custom class when you only want specific images to open in the lightbox.
<a href="/images/demo.jpg" class="jt-lightbox">
<img src="/images/demo-thumb.jpg" alt="Demo image">
</a>Example 3: Smaller article image, larger dialog view
You can resize the image inside the article for cleaner layout presentation, while still allowing visitors to open the original image in the lightbox.
This is ideal for:
- blog posts
- tutorials
- news articles
- product announcements
- documentation pages
JT Image Lightbox PRO processes article content before frontend output and prepares compatible images for Joomla Dialog display.
This means the original article content remains simple and editor-friendly, while the frontend receives the enhanced lightbox behavior automatically.
The lightbox opens but no image is shown
Check that the image path is valid and accessible on the frontend.
Local image paths should work correctly when the image exists in the expected folder.
Clicking the image does nothing
Make sure:
- the plugin is enabled
- the article is opened on the frontend
- the selected Lightbox Mode matches your content structure
The dialog is too large
Set Dialog Sizing to Automatic (fit to image).
Images from other domains are not opening
Check the Ignore External Image URLs setting.
The image works in the article but not in the lightbox
Clear Joomla cache and browser cache, then test again.