JUX BEFORE AFTER

General introduction

What is JUX Before After?

JUX Before /After Image is a simple Joomla extension that beautifully shows the visual changes between two images (Before image and after image) on the same screen. The awesome extension is a complete solution to display both edited images and the image before editing to compare these two versions then visitors can easily identify the differences. JUX Before/ After Image extension deserves users a simple way to use, just wrapping any two images with [before –after] shortcode opening and closing tags inside Joomla editor. Furthermore, the Joomla module gives users lots of customizations in label text, colors, hover, and so on which make the before after image gallery be much attractive.

To activate the Before After, just activate our plugin.

Key features

Support Joomla 3.x
Compatible with Tablet, Smart phone.
Fully Responsive
Touch & Mobile Friendly
Extremely Easy to Use
Shortcode Generator
Highly Customizable
Detailed Documentation
Custom Label and Colors
Drag, Click or Hover Interaction.
Horizontal & Vertical Orientations
Single image or Slider support.
Hover overlay support.
Run on modern browsers (including IE10+)
Support multiple languages

Insert JUX Before After in Articles or insert in Module Custom HTML

Can show images in vertical or horizontal

Type a slide show when selecting multiple images

Three custom types Drag, Hove, Click makes it easy to choose how to customize

Server Requirement

JUX Before After has several system requirements as follow:

Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.
PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.
MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.
Joomla! 3.x. Please go to - http://www.joomla.org download Joomla! 3.x.
You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.
PHP should be compiled with support for https (openSSL) and cURL.
PHP Safe Mode should be turned off.

Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.

The client/browser needs to be capable of accepting Cookies and Cookies must be enabled.

Download

After purchasing our product, you’ll see the download link at JUX Before After product page:

http://www.joomlaux.com/download.html

Note: If there is any problem, please contact us at: http://www.joomlaux.com/support/contact-us.html

Package

Module

plg_jux_before_after

Module Installation

Go to Administrator site => “Extensions” => “Extension Manager” in the Top Menu.

In “Upload Package File” block, please Upload & Install our extensions:

Extension manager

Configuration for Gerenal Options

In this tab, you can add item images, width, Direction , Type for images before after

Order drag drop and duplication item images

Detail

Width: Set width for images, Default 100%, Example 50% or 200px
Comparison Direction: Select directtion : Horizotal or Vertical.
Comparison Type: Select type edit: Hover, Drag, Click.

Intruction install plugin and add images items before after

Step 1: After install successful Plugin, please go to Extension -> Plugin and active 2 plguin "JUX Before After Load Shortcode" and JUX Before After
Step 2:Then go to articles or Modules Custom Html, Click Button add short code at editor
Step 3: After show Popup, You click icon dropdown select images after , images before and Images overlay

Overlay images
You can enter and change text label
Step 4: Set width, set directtion and type for images
Step 5: After set config finish, Click button "Save" to add short code in articles