Joomla Image Comparison Slider Plugin

Simply put, it's just an image comparison plugin for Joomla. After installing it, you need to enable it in the plugin manager (Content - JMP Image Comparison Slider).

Buy Now ( ^$13 ) Demo

It works with Joomla 3, 4, 5 and 6.

Then go to The Article or Custom Module and add the syntax below:

{ics data-before="URL of first image" data-after="URL of second image" data-before-text="Custom text for first image (Optional)" data-after-text="Custom text for second image (Optional)" }

-------

Example:

{ics data-before="image/pic1.jpeg" data-after="image/pic2.jpeg" data-before-text="Old" data-after-text="New" }

-------

Please share it if you find it useful.

This commment is unpublished.
Théo · 2 years ago
Hello,
I just picked up your tool.
I'm on Joomla 4.0.3 Php8.0.
After installation and creation of the module with the syntax and modification of the field for images. It doesn't work on my page.
The site displays the syntax at the top of the page without displaying anything else.

Any ideas?
Thanks in advance.
- 0 Up 0 Down
- Reply
- Share
- This commment is unpublished.
  Théo · 2 years ago
  
  @David Thank you for your prompt reply ! It's work.
  
  0 Up 0 Down
  
  Reply
  
  Share
- This commment is unpublished.
  David · 2 years ago
  
  @Théo It works for module, please read this post:https://joomhelper.com/how-to-use-content-plugin-on-joomla-page-builder
  
  0 Up 0 Down
  
  Reply
  
  Share
- This commment is unpublished.
  Théo · 2 years ago
  
  @Théo It works in an article but not in a module. I bought this tool so that I could insert it into a module.
  
  0 Up 0 Down
  
  Reply
  
  Share
- This commment is unpublished.
  Théo · 2 years ago
  
  @Théo Joomla 4.3.3*
  
  0 Up 0 Down
  
  Reply
  
  Share
This commment is unpublished.
David · 3 years ago
Release Image Comparison Slider v1.2.1 - Improved drag tools.
- 0 Up 0 Down
- Reply
- Share
This commment is unpublished.
Carsten · 3 years ago
Hi guys I like the plugin but it does not work with Joomla 4.23 and PHP 8.0. I was activate the plugin and droped the code for two pictures in a text

{ics data-before="/images/beforeafterimagesslide/freisteller-service-haare.jpg" data-after="/images/beforeafterimagesslide/bilder-freistellen-transparent.jpg"}

But unfortunately nothing appears... any ideas?

Thanks

Carsten
- 0 Up 0 Down
- Reply
- Share
- This commment is unpublished.
  David · 3 years ago
  
  @Carsten Hi,
  I used the code you provided, replaced it with my pictures and checked on Joomla the latest version, it still works. Can you let me know the website address where you put this plugin?
  
  0 Up 0 Down
  
  Reply
  
  Share
This commment is unpublished.
mic · 4 years ago
doesn't work on my

Joomla! 3.10.10 Stable [ Daraja ] 18-June-2022 16:32 GMT
- 0 Up 0 Down
- Reply
- Share
- This commment is unpublished.
  mic · 4 years ago
  
  @mic FYI: Debug Errors shown in Console
  
  imagecomparision:69 Uncaught TypeError: $(...).find(...).tooltip is not a function
  at initTooltips (imagecomparision:69:194)
  at HTMLDocument.<anonymous> (imagecomparision:69:21)
  at u (jquery.min.js?ad48fcf4eded40f912920a955f1065d5:2:27579)
  at Object.fireWith [as resolveWith] (jquery.min.js?ad48fcf4eded40f912920a955f1065d5:2:28337)
  at Function.ready (jquery.min.js?ad48fcf4eded40f912920a955f1065d5:2:30124)
  at HTMLDocument._ (jquery.min.js?ad48fcf4eded40f912920a955f1065d5:2:27307)
  initTooltips @ imagecomparision:69
  (anonymous) @ imagecomparision:69
  u @ jquery.min.js?ad48fcf4eded40f912920a955f1065d5:2
  fireWith @ jquery.min.js?ad48fcf4eded40f912920a955f1065d5:2
  ready @ jquery.min.js?ad48fcf4eded40f912920a955f1065d5:2
  _ @ jquery.min.js?ad48fcf4eded40f912920a955f1065d5:2
  
  0 Up 0 Down
  
  Reply
  
  Share
- This commment is unpublished.
  mic · 4 years ago
  
  @mic works now. needs a Slash before "image..."
  
  1 Up 0 Down
  
  Reply
  
  Share

Joomla Image Comparison Slider Plugin

You may also like

How to upload and attach files to Joomla articles

K2 to Content Migration

File Manager Extension for Joomla

You are a guest ( Sign Up ? )

or post as a guest

Latest articles

Latest Comments