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. 

You may also like

K2 to Content Migration

File Manager Extension for Joomla

The Best Articles Comment Extensions on Joomla 4

Say something here...
You are a guest ( Sign Up ? )
or post as a guest
People in conversation:
Loading comment... The comment will be refreshed after 00:00.
  • 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.
  • This commment is unpublished.
    David · 2 years ago
    Release Image Comparison Slider v1.2.1 - Improved drag tools.
  • 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
    • 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?
  • This commment is unpublished.
    mic · 3 years ago
    doesn't work on my

    Joomla! 3.10.10 Stable [ Daraja ] 18-June-2022 16:32 GMT
    • This commment is unpublished.
      mic · 3 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
    • This commment is unpublished.
      mic · 3 years ago
      @mic works now. needs a Slash before "image..."

Powered By JLex Comment.