Images

Easy Popup

Responsive joomla system plugin which can be used anywhere in a website.It can popup text contents, images, iframes and videos by clicking a text or an image.

Plugin Joomla 3.x.x
Easy Popup Features
Latest Extension Version1.9
Last Updated 13 June 2020
  • Opacity of the lightbox can be controlled.
  • Set title inside or outside the popup box
  • Set fade transition effects for popup box.
  • Open content in popup when link clicked.
  • Open image in popup when link clicked
  • Open image in popup when image is clcked
  • Use multiple popups in a page
Browser Supported
Responsive Extension
What's New?

Version 1.9 - 13 June 2020

  • Fixed issue with same content popup
  • Option to set RGBA background color
  • PHP Fixes

Version 1.8 - 05 January 2017

  • Uses Joomla Update System

Simple Image to HTML Popup

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa.

Shortcode

{popup  image="images/corporate/small/2.jpg" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}

Image with Overaly to HTML Popup

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa.

Shortcode

{popup  class="imgmargin-10" overlayopacity="0.7" image="images/corporate/small/1.jpg" popwidth="500px" popheight="300px" overlaytext="Read More"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/1.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}
{popup  class="imgmargin-10" overlayopacity="0.7" image="images/corporate/small/2.jpg" popwidth="500px" popheight="300px" overlaytext="Read More" overlaytextborder="2" overlaybgcolor="#ff5555"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}
{popup class="imgmargin-10" overlayopacity="0.7" overlaytextborder="2" image="images/corporate/small/3.jpg" popwidth="500px" popheight="300px" icon="fa-plus" overlaybgcolor="#2bbd68"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/3.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}
{popup class="imgmargin-10" overlay="true" overlayopacity="0.7" overlaytextborder="2" image="images/corporate/small/4.jpg" popwidth="600px" popheight="300px" icon="fa-info" overlaybgcolor="#f2c922"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/4.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}