plugin
Popup and iframes

Pop any Article

Plugin to popup a Joomla Article

J4 J5 J6
5.05.4K+ downloads v3.2
Pop any Article
DemoExample 1 - Text Image Overlay on Hover to Article Popup

Hover each portrait to preview the overlay. Defaults come from plugin settings; each shortcode can override colors, overlayeffect, overlayspeed, and imgradius.

DemoIcon Overlay to Article Popup

These overlays stay visible (overlay="true") and are useful for badges, icons, or always-on labels.

DemoExample 2 - Simple Image to Article Popup

Clean image triggers with rounded corners and a subtle hover zoom. Size defaults to the plugin image width/height unless you set imgwidth and imgheight.

DemoExample 2.1 - Image Floated Left in Content
Lorem Ipsum
Workspace
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
DemoExample 2.2 - Overlay Image Floated Right in Content
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
DemoExample 3 - Overlay Hover Effects

Compare hover animations using overlayeffect: fade, slide-up, slide-right, and zoom. Use overlayspeed="450" to slow or speed up the animation.

DemoExample 4 - Larger Rounded Image Grid

Larger Unsplash triggers in a responsive grid. Disable image zoom per item with imagezoom="false".

DemoExample 5 - Image Gallery with Next / Prev (rel)

Group image triggers with the same rel attribute. Open any portrait, then use arrows to browse the rest without closing the popup.

DemoExample 6 - Lazy-Loaded Image Popups

Image triggers with lazy="true" defer article HTML until first open. A loading spinner appears inside the popup while content is fetched via AJAX.

DemoExample 7 - Hash Links on Image Triggers

Image popups can use deep links too. Click a portrait, then copy the URL — it includes a hash like #popart-243 or your custom hashslug.

Try opening #sandra-profile or #popart-242 directly in the URL bar after visiting this page once.

DemoExample 8 - Gallery + Lazy Load + Hash (Full Feature Set)

Portrait grid combining rel grouping, AJAX lazy loading, and shareable hashes — the complete workflow for image-based article series.

Mobile Menu

×

Login to your account

Don't have an account? Register Now

Login

Don't have an account yet? Register now!
Loading…
Loading…
Loading…
Loading…