Release new version 2.3.0

= 2.3.0 - 2020/02/25 =
* This feature release adds support for horizontal scroll images plus a bug fix for compatibility with Revolution Slider
* Feature - Add support for lazy loading images in a container that have horizontal scroll
* Feature - Add Horizontal Scroll section to the Lazy Load Images option box on the admin panel
* Feature - Apply Horizontal Scroll lazy load to any container by classname or ID
* Fix - Compatibility with Revolution slider. Their JS has changed in a resent update causing a conflict which meant that the slider images did not show with a3 Lazy Load activated.

Author: alextuan

a3-lazy-load.php

@@ -2,15 +2,15 @@
 /*
 Plugin Name: a3 Lazy Load
 Description: Speed up your site and enhance frontend user's visual experience in PC's, Tablets and mobile with a3 Lazy Load.
-Version: 2.2.2
+Version: 2.3.0
 Author: a3rev Software
 Author URI: https://a3rev.com/
 Requires at least: 4.9
 Tested up to: 5.3.2
 Text Domain: a3-lazy-load
 Domain Path: /languages
 WC requires at least: 2.0.0
-WC tested up to: 3.8.1
+WC tested up to: 3.9.2
 License: GPLv2 or later
 	Copyright © 2011 a3 Revolution Software Development team
 	a3 Revolution Software Development team
@@ -33,7 +33,7 @@
 
 define( 'A3_LAZY_LOAD_KEY', 'a3_lazy_load' );
 define( 'A3_LAZY_LOAD_PREFIX', 'a3_lazy_load_' );
-define( 'A3_LAZY_VERSION', '2.2.2' );
+define( 'A3_LAZY_VERSION', '2.3.0' );
 define( 'A3_LAZY_LOAD_G_FONTS', false );
 
 use \A3Rev\LazyLoad\FrameWork;

admin/settings/template-settings/global-settings.php

@@ -338,6 +338,19 @@ public function init_form_fields() {
 				'type' 		=> 'text',
 				'default'	=> ""
 			),
+			array(
+				'name' 		=> __( 'Horizontal Scroll', 'a3-lazy-load' ),
+                'type' 		=> 'heading',
+				'class'		=> 'a3l_apply_to_load_images_container',
+				'desc'		=> __( 'a3 Lazy Load has built in support for Horizontal Scrolling image galleries BUT you must enter the container classname or ID below for it to apply to that horizontal scroll container. Use your code inspector to get the correct classname or ID, it will have style is <code>overflow-x:scroll</code>', 'a3-lazy-load' )
+           	),
+			array(
+				'name' => __( 'Container Classnames or IDs', 'a3-lazy-load' ),
+				'id' 		=> 'a3l_horizontal_trigger_classnames',
+				'desc' 		=>  __('Prepend Classnames with a dot example <code>.images_holder</code>, Prepend IDs with hash tag example <code>#wrapper</code> and Comma separate if more than one.', 'a3-lazy-load' ),
+				'type' 		=> 'text',
+				'default'	=> ""
+			),
 
 
 			array(

assets/js/jquery.lazyloadxt.extend.js

@@ -1,6 +1,9 @@
 jQuery.lazyLoadXT.updateEvent = 'load orientationchange resize scroll touchmove focus click customlazyloadxtevent';
 jQuery.lazyLoadXT.edgeY = a3_lazyload_extend_params.edgeY;
 jQuery.lazyLoadXT.srcsetExtended = false;
+if ( typeof a3_lazyload_extend_params.horizontal_container_classnames !== 'undefined' && '' !== a3_lazyload_extend_params.horizontal_container_classnames ) {
+	jQuery.lazyLoadXT.scrollContainer = a3_lazyload_extend_params.horizontal_container_classnames;
+}
 
 jQuery( document ).ready( function( $ ) {
 	jQuery(document).on( 'mouseenter', '.site-header-cart', function() {

classes/class-a3-lazy-load.php

@@ -75,6 +75,9 @@ function __construct() {
 			$this->_skip_images_classes = array( 'skip-lazy', 'a3-notlazy' );
 		}
 
+		// Fix the confliction with Rev Slider
+		$this->_skip_images_classes = array_merge( array( 'rev-slidebg' ), $this->_skip_images_classes );
+
 		if ( $a3_lazy_load_global_settings['a3l_apply_to_images'] == true ) {
 			add_filter( 'a3_lazy_load_images', array( $this, 'filter_images' ), 10, 2 );
 
@@ -110,6 +113,9 @@ function __construct() {
 			$this->_skip_videos_classes = array( 'skip-lazy', 'a3-notlazy', 'wp-video-shortcode' );
 		}
 
+		// Fix the confliction with Rev Slider
+		$this->_skip_videos_classes = array_merge( array( 'rev-slidebg' ), $this->_skip_videos_classes );
+
 		if ( $a3_lazy_load_global_settings['a3l_apply_to_videos'] == true ) {
 			add_filter( 'a3_lazy_load_videos', array( $this, 'filter_videos' ), 10, 2 );
 
@@ -198,8 +204,17 @@ static function localize_printed_scripts() {
 		}
 
 		if ( wp_script_is( 'jquery-lazyloadxt-extend' ) ) {
+			$horizontal_container_classnames = '';
+			if ( ! empty( $a3_lazy_load_global_settings['a3l_horizontal_trigger_classnames'] ) ) {
+				$horizontal_trigger_classnames = explode(',', $a3_lazy_load_global_settings['a3l_horizontal_trigger_classnames'] );
+				$horizontal_trigger_classnames = array_map( 'trim', $horizontal_trigger_classnames );
+				$horizontal_trigger_classnames = array_filter( $horizontal_trigger_classnames );
+				$horizontal_container_classnames = implode(',', $horizontal_trigger_classnames );
+			}
+
 			wp_localize_script( 'jquery-lazyloadxt-extend', 'a3_lazyload_extend_params', apply_filters( 'a3_lazyload_extend_params', array(
-				'edgeY' 	=> (int) $a3_lazy_load_global_settings['a3l_edgeY'],
+				'edgeY'                           => (int) $a3_lazy_load_global_settings['a3l_edgeY'],
+				'horizontal_container_classnames' => $horizontal_container_classnames
 			) ) );
 		}
 	}

readme.txt

@@ -1,9 +1,9 @@
 === a3 Lazy Load ===
 Contributors: a3rev, a3rev Software, nguyencongtuan
-Tags: a3 lazy load, Lazy Loading , image lazy load, lazyload
+Tags: a3 lazy load, Lazy Loading, image lazy load, lazyload
 Requires at least: 4.9
 Tested up to: 5.3.2
-Stable tag: 2.2.2
+Stable tag: 2.3.0
 License: GPLv3
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 
@@ -26,18 +26,22 @@ Images are the number one element that slows page load and increases bandwidth u
 * Apply to post thumbnails
 * Apply to gravatars
 
+= HORIZONTAL SCROLL =
+
+Supports lazy loading of images in containers that use horizontal scroll. The admin Images options has a section where you enter the classname or ID of the container that uses horizontal scroll.
+
 = MORE THAN JUST IMAGES =
 
 = VIDEO LAZY LOAD =
 
 a3 Lazy Load supports all WordPress video Embeds including Youtube, Vimeo and HTML5 video - for a full list see the [WordPress Codex Embeds](http://codex.wordpress.org/Embeds) list. The WordPress embed method of copying and pasting the video url into posts and pages content area is fully supported. 
 
-<strong>Note</strong> - Works with Videos added by Text and HTML Widgets but not the new WordPress Video widget. That widget does not pull iframe at first load, it use JavaScript to replace html to iframe and hence a3 lazy Load can't see it to apply.  
+<strong>Note</strong> - Works with Videos added by Text and HTML Widgets but not the new WordPress Video widget. That widget does not pull iframe at first load, it uses JavaScript to replace html to iframe and hence a3 lazy Load can't see it to apply.  
 
 From the a3 lazy Load admin panel turn Video Support ON | OFF. When ON you can choose to ON | OFF lazy load for videos in
 
 * Video embeded by URL in Post and Pages (All Content areas)
-* Video in Widget types, Text Widget and HTML Wigets.
+* Video in Widget types, Text Widget and HTML Widgets.
 * Youtube [see demo](http://ressio.github.io/lazy-load-xt/demo/youtube-iframe.htm)
 * Video [see demo](http://ressio.github.io/lazy-load-xt/demo/video-html5.htm)
 * Fully Compatible with the popular [Youtube Embed Plugin](https://wordpress.org/plugins/youtube-embed/)
@@ -65,20 +69,12 @@ a3 Lazy Load has built in support for content that is added by iframe from any s
 
 = JETPACK SITE ACCELERATOR (Proton) =
 
-This is an option that you turn on as the Jetpack Accelerator (Proton CDN images) has its own lazy load feature that needs to be OFF first to be able use a3 Lazy Load as your lazy Load engine. Some users prefer to use a3 Lazy Load as it applies Lazy Load to the whole site not just images.
+This is an option that you turn on as the Jetpack Accelerator (Proton CDN images) has its own lazy load feature that needs to be OFF first to be able use a3 Lazy Load as your lazy Load engine. Some users prefer to use a3 Lazy Load as it applies Lazy Load to videos and iframes as well as images.
 
 = WebP IMAGES =
 
-As of a3 Lazy Load has built in automatic support for WebP images. There are no settings for this as a3 Lazy Load will automatically detect if an image has a WebP version and load that. If no WebP image exists the appropriate jpg or png version will be loaded. Also fully support browser detection of WebP.
-
-
-= WOOCOMMERCE =
+a3 Lazy Load has built in automatic support for WebP images. There are no settings for this as a3 Lazy Load will automatically detect if an image has a WebP version and lazy load the WebP version. If no WebP image exists, the appropriate jpg or png version will be lazy loaded. Also fully support browser detection of WebP.
 
-a3 lazy Load is built and tested to be fully compatible with the very widely used WooCommerce plugin  
-
-= ADVANCED CUSTOM FIELDS =
-
-Fully compatible with the very popular Advanced Custom Fields plugin, Free and Premium versions. 
 
 = LAZY LOAD EFFECTS =
 
@@ -114,10 +110,12 @@ Don't forget when a developer does add full compatibility with a3 Lazy Load plea
 
 These are just some of the more popular plugins that are either tested 100% compatible with a3 Lazy Load or tags has been added for 100% compatibility.   
 
-* Plugin - Advanced Custom Fields
+* Plugin - Advanced Custom Fields (Free and Premium)
 * Plugin - WooCommerce
+* Plugin - JetPack
+* Plugin - Elementor (Free and Pro)
 * Plugin - WP Offload
-* Plugin - WP Super Cache and W3 Total Cache plugins
+* Plugin - WP Super Cache, W3 Total Cache, Autoptimize
 * Plugin - Youtube Embed
 * Plugin - WordPress AMP
 * Plugin - WPTouch. Note - Set to not apply on Mobiles if WPTouch is installed
@@ -206,6 +204,13 @@ Filter tags to add to class name of theme to exclude lazy load on images or vide
 
 == Changelog ==
 
+= 2.3.0 - 2020/02/25 =
+* This feature release adds support for horizontal scroll images plus a bug fix for compatibility with Revolution Slider
+* Feature - Add support for lazy loading images in a container that have horizontal scroll
+* Feature - Add Horizontal Scroll section to the Lazy Load Images option box on the admin panel
+* Feature - Apply Horizontal Scroll lazy load to any container by classname or ID
+* Fix - Compatibility with Revolution slider. Their JS has changed in a resent update causing a conflict which meant that the slider images did not show with a3 Lazy Load activated.
+
 = 2.2.2 - 2020/01/18 =
 * This maintenance release is to update incorrect help text regarding usage of the new class and attribute exclusion strings
 * Tweak - Update incorrect FQA help text on plugins description
@@ -475,6 +480,9 @@ Filter tags to add to class name of theme to exclude lazy load on images or vide
 
 == Upgrade Notice ==
 
+= 2.3.0 =
+This feature release adds support for horizontal scroll images plus a bug fix for compatibility with Revolution Slider
+
 = 2.2.2 =
 This maintenance release is to update incorrect help text regarding usage of the new class and attribute exclusion strings