plugin
Popup and iframesEasy Popup
Multipurpose Popup System Plugin for Joomla
DemoExample 1 — Simple image trigger
Click the photo to open a popup. Set image, imgwidth, and imgheight for the thumbnail size.
{popup class="imgmargin-10" alt="Team collaboration" image="images/easy-popup/team.jpg" imgwidth="320px" imgheight="240px" popwidth="760px" popheight="500px"} ... {/popup}DemoExample 2 — Hover overlay captions
Overlays fade in on hover (default). Customise colours, opacity, and label text per image.
{popup class="imgmargin-10" alt="Modern office" overlaytext="View workspace" overlaybgcolor="rgba(24,25,237,0.88)" overlaytextcolor="#fff" overlayopacity="0.9" image="..." imgwidth="320px" imgheight="240px" popwidth="760px" popheight="500px"} ... {/popup}DemoExample 3 — Always-visible overlay badges
Use overlay="true" for labels that stay on the image (not only on hover). Always include overlaytext or an icon so the badge has content.
{popup class="imgmargin-10" overlay="true" overlaytext="Featured" icon="fa-star" overlaybgcolor="rgba(245,158,11,0.92)" image="..." imgwidth="320px" imgheight="240px"} ... {/popup}DemoExample 4 — Image grid
Demo thumbnails stored locally under images/easy-popup/ — each opens its own popup with matching hero image inside.
{popup class="imgmargin-10" alt="Collaboration" overlaytext="Collaborate" image="images/easy-popup/team.jpg" imgwidth="300px" imgheight="225px" popwidth="800px" popheight="520px"} ... {/popup}