File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>&lt;?php
/**
 * Prepare placeholder and lazy load.
 *
 * @package visual-portfolio/images
 */

if ( ! defined( &#039;ABSPATH&#039; ) ) {
	exit;
}

/**
 * Class Visual_Portfolio_Images
 */
class Visual_Portfolio_Images {
	/**
	 * When image process in progress with method get_attachment_image, this variable will be &#039;true&#039;.
	 *
	 * @var bool
	 */
	public static $image_processing = false;

	/**
	 * Allow Visual Portfolio images to use lazyload.
	 *
	 * @var bool
	 */
	public static $allow_vp_lazyload = false;

	/**
	 * Allow WordPress images to use lazyload.
	 *
	 * @var bool
	 */
	public static $allow_wp_lazyload = false;

	/**
	 * The list of exclusions from the plugin settings.
	 *
	 * @var array
	 */
	public static $lazyload_user_exclusions = array();

	/**
	 * Visual_Portfolio_Images constructor.
	 */
	public static function construct() {
		// Previously we used `wp` hook, but it&#039;s too late for some cases.
		// For example, we have to add hte lazy loading attributes to featured images retrieved in the AJAX callback.
		add_action( &#039;wp_loaded&#039;, &#039;Visual_Portfolio_Images::init_lazyload&#039; );

		add_action( &#039;after_setup_theme&#039;, &#039;Visual_Portfolio_Images::add_image_sizes&#039; );
		add_filter( &#039;image_size_names_choose&#039;, &#039;Visual_Portfolio_Images::image_size_names_choose&#039; );

		/**
		 * Allow `data:` inside image src attribute.
		 * Don&#039;t place this hook inside the `wp` hook.
		 *
		 * @link https://wordpress.org/support/topic/lazy-load-404-error-with-image-like-png/#post-16439422
		 */
		add_filter( &#039;kses_allowed_protocols&#039;, &#039;Visual_Portfolio_Images::kses_allowed_protocols&#039;, 15 );
	}

	/**
	 * Add image sizes.
	 */
	public static function add_image_sizes() {
		$sm       = Visual_Portfolio_Settings::get_option( &#039;sm&#039;, &#039;vp_images&#039; );
		$md       = Visual_Portfolio_Settings::get_option( &#039;md&#039;, &#039;vp_images&#039; );
		$lg       = Visual_Portfolio_Settings::get_option( &#039;lg&#039;, &#039;vp_images&#039; );
		$xl       = Visual_Portfolio_Settings::get_option( &#039;xl&#039;, &#039;vp_images&#039; );
		$sm_popup = Visual_Portfolio_Settings::get_option( &#039;sm_popup&#039;, &#039;vp_images&#039; );
		$md_popup = Visual_Portfolio_Settings::get_option( &#039;md_popup&#039;, &#039;vp_images&#039; );
		$xl_popup = Visual_Portfolio_Settings::get_option( &#039;xl_popup&#039;, &#039;vp_images&#039; );

		// custom image sizes.
		add_image_size( &#039;vp_sm&#039;, $sm, 9999 );
		add_image_size( &#039;vp_md&#039;, $md, 9999 );
		add_image_size( &#039;vp_lg&#039;, $lg, 9999 );
		add_image_size( &#039;vp_xl&#039;, $xl, 9999 );
		add_image_size( &#039;vp_sm_popup&#039;, $sm_popup, 9999 );
		add_image_size( &#039;vp_md_popup&#039;, $md_popup, 9999 );
		add_image_size( &#039;vp_xl_popup&#039;, $xl_popup, 9999 );
	}

	/**
	 * Custom image sizes
	 *
	 * @param array $sizes - registered image sizes.
	 *
	 * @return array
	 */
	public static function image_size_names_choose( $sizes ) {
		return array_merge(
			$sizes,
			array(
				&#039;vp_sm&#039; =&gt; esc_html__( &#039;Small (VP)&#039;, &#039;visual-portfolio&#039; ),
				&#039;vp_md&#039; =&gt; esc_html__( &#039;Medium (VP)&#039;, &#039;visual-portfolio&#039; ),
				&#039;vp_lg&#039; =&gt; esc_html__( &#039;Large (VP)&#039;, &#039;visual-portfolio&#039; ),
				&#039;vp_xl&#039; =&gt; esc_html__( &#039;Extra Large (VP)&#039;, &#039;visual-portfolio&#039; ),
			)
		);
	}

	/**
	 * Get blocked attributes to prevent our images lazy loading.
	 */
	public static function get_image_blocked_attributes() {
		$blocked_attributes = array(
			&#039;data-skip-lazy&#039;,
			&#039;data-no-lazy&#039;,
			&#039;data-src&#039;,
			&#039;data-srcset&#039;,
			&#039;data-lazy-original&#039;,
			&#039;data-lazy-src&#039;,
			&#039;data-lazysrc&#039;,
			&#039;data-lazyload&#039;,
			&#039;data-bgposition&#039;,
			&#039;data-envira-src&#039;,
			&#039;fullurl&#039;,
			&#039;lazy-slider-img&#039;,
		);

		/**
		 * Allow plugins and themes to tell lazy images to skip an image with a given attribute.
		 */
		return apply_filters( &#039;vpf_lazyload_images_blocked_attributes&#039;, $blocked_attributes );
	}

	/**
	 * Init Lazyload
	 */
	public static function init_lazyload() {
		// Don&#039;t lazy load for feeds, previews and admin side.
		// But allows lazy loading in AJAX request.
		if ( is_feed() || is_preview() || ( is_admin() &amp;&amp; ! wp_doing_ajax() ) ) {
			return;
		}

		// Don&#039;t add on AMP endpoint.
		if ( function_exists( &#039;is_amp_endpoint&#039; ) &amp;&amp; is_amp_endpoint() ) {
			return;
		}

		// Disable using filter.
		// Same filter used in `class-assets.php`.
		if ( ! apply_filters( &#039;vpf_images_lazyload&#039;, true ) ) {
			return;
		}

		self::$allow_vp_lazyload = ! ! Visual_Portfolio_Settings::get_option( &#039;lazy_loading&#039;, &#039;vp_images&#039; );
		self::$allow_wp_lazyload = &#039;full&#039; === Visual_Portfolio_Settings::get_option( &#039;lazy_loading&#039;, &#039;vp_images&#039; );

		// Check for plugin settings.
		if ( ! self::$allow_vp_lazyload &amp;&amp; ! self::$allow_wp_lazyload ) {
			return;
		}

		$lazyload_exclusions = Visual_Portfolio_Settings::get_option( &#039;lazy_loading_excludes&#039;, &#039;vp_images&#039; );
		if ( $lazyload_exclusions ) {
			self::$lazyload_user_exclusions = explode( &quot;\n&quot;, $lazyload_exclusions );

			add_filter( &#039;vpf_lazyload_skip_image_with_attributes&#039;, &#039;Visual_Portfolio_Images::add_lazyload_exclusions&#039;, 10, 2 );
		}

		if ( self::$allow_wp_lazyload ) {
			add_filter( &#039;the_content&#039;, &#039;Visual_Portfolio_Images::add_image_placeholders&#039;, 9999 );
			add_filter( &#039;post_thumbnail_html&#039;, &#039;Visual_Portfolio_Images::add_image_placeholders&#039;, 9999 );
			add_filter( &#039;get_avatar&#039;, &#039;Visual_Portfolio_Images::add_image_placeholders&#039;, 9999 );
			add_filter( &#039;widget_text&#039;, &#039;Visual_Portfolio_Images::add_image_placeholders&#039;, 9999 );
			add_filter( &#039;get_image_tag&#039;, &#039;Visual_Portfolio_Images::add_image_placeholders&#039;, 9999 );

			// WooCommerce support.
			add_filter( &#039;woocommerce_placeholder_img&#039;, &#039;Visual_Portfolio_Images::add_image_placeholders&#039;, 9999 );
			add_filter( &#039;woocommerce_product_get_image&#039;, &#039;Visual_Portfolio_Images::add_image_placeholders&#039;, 9999 );
			add_filter( &#039;woocommerce_single_product_image_thumbnail_html&#039;, &#039;Visual_Portfolio_Images::add_image_placeholders&#039;, 9999 );
		}

		add_action( &#039;wp_kses_allowed_html&#039;, &#039;Visual_Portfolio_Images::allow_lazy_attributes&#039; );
		add_action( &#039;wp_head&#039;, &#039;Visual_Portfolio_Images::add_nojs_fallback&#039; );
	}

	/**
	 * Get the URL of an image attachment.
	 *
	 * @param int          $attachment_id Image attachment ID.
	 * @param string|array $size          Optional. Image size to retrieve. Accepts any valid image size, or an array
	 *                                    of width and height values in pixels (in that order). Default &#039;thumbnail&#039;.
	 * @param bool         $icon          Optional. Whether the image should be treated as an icon. Default false.
	 *
	 * @return string|false Attachment URL or false if no image is available.
	 */
	public static function wp_get_attachment_image_url( $attachment_id, $size = &#039;thumbnail&#039;, $icon = false ) {
		$mime_type = get_post_mime_type( $attachment_id );

		// Prevent usage of resized GIFs, since GIFs animated only in full size.
		if ( $mime_type &amp;&amp; &#039;image/gif&#039; === $mime_type ) {
			$size = &#039;full&#039;;
		}

		return wp_get_attachment_image_url( $attachment_id, $size, $icon );
	}

	/**
	 * Allow attributes of Lazy Load for wp_kses.
	 *
	 * @param array $allowed_tags The allowed tags and their attributes.
	 *
	 * @return array
	 */
	public static function allow_lazy_attributes( $allowed_tags ) {
		if ( ! isset( $allowed_tags[&#039;img&#039;] ) ) {
			return $allowed_tags;
		}

		// But, if images are allowed, ensure that our attributes are allowed!
		$img_attributes = array_merge(
			$allowed_tags[&#039;img&#039;],
			array(
				&#039;data-src&#039;     =&gt; 1,
				&#039;data-sizes&#039;   =&gt; 1,
				&#039;data-srcset&#039;  =&gt; 1,
				&#039;data-no-lazy&#039; =&gt; 1,
				&#039;loading&#039;      =&gt; 1,
			)
		);

		$allowed_tags[&#039;img&#039;] = $img_attributes;

		return $allowed_tags;
	}

	/**
	 * Fix img src attribute correction in wp_kses.
	 *
	 * @param array $protocols protocols array.
	 *
	 * @return array
	 */
	public static function kses_allowed_protocols( $protocols ) {
		$protocols[] = &#039;data&#039;;
		return $protocols;
	}

	/**
	 * Add image placeholders.
	 *
	 * @param string $content Content.
	 * @return string
	 */
	public static function add_image_placeholders( $content ) {
		// This is a pretty simple regex, but it works.
		//
		// 1. Find &lt;img&gt; tags
		// 2. Exclude tags, placed inside &lt;noscript&gt;.
		$content = preg_replace_callback( &#039;#(?&lt;!noscript\&gt;)&lt;(img)([^&gt;]+?)(&gt;(.*?)&lt;/\\1&gt;|[\/]?&gt;)#si&#039;, &#039;Visual_Portfolio_Images::process_image&#039;, $content );

		return $content;
	}

	/**
	 * Returns true when a given array of attributes contains attributes or class signifying lazy images.
	 * should not process the image.
	 *
	 * @param array $attributes all available image attributes.
	 *
	 * @return bool
	 */
	public static function should_skip_image_with_blocked_attributes( $attributes ) {
		// Check for blocked classes.
		if ( ! empty( $attributes[&#039;class&#039;] ) ) {
			$blocked_classes = array(
				&#039;lazy&#039;,
				&#039;lazyload&#039;,
				&#039;lazy-load&#039;,
				&#039;skip-lazy&#039;,
				&#039;no-lazy&#039;,
				&#039;gazette-featured-content-thumbnail&#039;,
			);

			/**
			 * Allow plugins and themes to tell lazy images to skip an image with a given class.
			 */
			$blocked_classes = apply_filters( &#039;vpf_lazyload_images_blocked_classes&#039;, $blocked_classes );

			if ( is_array( $blocked_classes ) &amp;&amp; ! empty( $blocked_classes ) ) {
				foreach ( $blocked_classes as $class ) {
					if ( false !== strpos( $attributes[&#039;class&#039;], $class ) ) {
						return true;
					}
				}
			}
		}

		// Check for blocked src.
		if ( ! empty( $attributes[&#039;src&#039;] ) ) {
			$blocked_src = array(
				&#039;/wpcf7_captcha/&#039;,
				&#039;timthumb.php?src&#039;,
			);

			/**
			 * Allow plugins and themes to tell lazy images to skip an image with a given class.
			 */
			$blocked_src = apply_filters( &#039;vpf_lazyload_images_blocked_src&#039;, $blocked_src );

			if ( is_array( $blocked_src ) &amp;&amp; ! empty( $blocked_src ) ) {
				foreach ( $blocked_src as $src ) {
					if ( false !== strpos( $attributes[&#039;src&#039;], $src ) ) {
						return true;
					}
				}
			}
		}

		$blocked_attributes = self::get_image_blocked_attributes();

		foreach ( $blocked_attributes as $attr ) {
			if ( isset( $attributes[ $attr ] ) ) {
				return true;
			}
		}

		/**
		 * Allow plugins and themes to conditionally skip processing an image via its attributes.
		 */
		if ( apply_filters( &#039;vpf_lazyload_skip_image_with_attributes&#039;, false, $attributes ) ) {
			return true;
		}

		return false;
	}

	/**
	 * Skip lazy loading using exclusion settings.
	 *
	 * @param boolean $return - default return value.
	 * @param array   $attributes - image attributes.
	 *
	 * @return boolean
	 */
	public static function add_lazyload_exclusions( $return, $attributes ) {
		if ( ! empty( self::$lazyload_user_exclusions ) &amp;&amp; ! empty( $attributes ) ) {
			$full_attributes_string = &#039;&#039;;

			foreach ( $attributes as $k =&gt; $attr ) {
				$full_attributes_string .= &#039; &#039; . $k . &#039;=&quot;&#039; . $attr . &#039;&quot;&#039;;
			}

			foreach ( self::$lazyload_user_exclusions as $exclusion ) {
				if ( $exclusion &amp;&amp; false !== strpos( $full_attributes_string, $exclusion ) ) {
					// `true` means - exclude this image from lazy loading.
					return true;
				}
			}
		}

		return $return;
	}

	/**
	 * Processes images in content by acting as the preg_replace_callback.
	 *
	 * @param array $matches Matches.
	 *
	 * @return string The image with updated lazy attributes.
	 */
	public static function process_image( $matches ) {
		$old_attributes_str       = $matches[2];
		$old_attributes_kses_hair = wp_kses_hair( $old_attributes_str, wp_allowed_protocols() );

		$fallback = $matches[0];

		if ( empty( $old_attributes_kses_hair[&#039;src&#039;] ) ) {
			return $fallback;
		}

		$old_attributes = self::flatten_kses_hair_data( $old_attributes_kses_hair );

		// Return original image if image is already lazy loaded.
		if ( ! empty( $old_attributes[&#039;class&#039;] ) &amp;&amp; false !== strpos( $old_attributes[&#039;class&#039;], &#039;vp-lazyload&#039; ) ) {
			return $fallback;
		}

		$new_attributes = self::process_image_attributes( $old_attributes );

		// Return original image if new attributes does not contains the lazyload class.
		if ( empty( $new_attributes[&#039;class&#039;] ) || false === strpos( $new_attributes[&#039;class&#039;], &#039;vp-lazyload&#039; ) ) {
			return $fallback;
		}

		// Skip 3rd-party lazy loading from noscript img tag.
		$fallback = str_replace( &#039; src=&quot;&#039;, &#039; data-skip-lazy src=&quot;&#039;, $fallback );

		$new_attributes_str = self::build_attributes_string( $new_attributes );

		return sprintf( &#039;&lt;noscript&gt;%1$s&lt;/noscript&gt;&lt;img %2$s&gt;&#039;, $fallback, $new_attributes_str );
	}

	/**
	 * Given an array of image attributes, updates the `src`, `srcset`, and `sizes` attributes so
	 * that they load lazily.
	 *
	 * @param array $attributes Attributes.
	 *
	 * @return array The updated image attributes array with lazy load attributes.
	 */
	public static function process_image_attributes( $attributes ) {
		// Skip lazy load from VPF images if option disabled.
		if ( ! self::$allow_vp_lazyload &amp;&amp; self::$image_processing ) {
			return $attributes;
		}

		// Skip lazy load from WordPress images if option disabled.
		if ( ! self::$allow_wp_lazyload &amp;&amp; ! self::$image_processing ) {
			return $attributes;
		}

		if ( empty( $attributes[&#039;src&#039;] ) ) {
			return $attributes;
		}

		if ( self::should_skip_image_with_blocked_attributes( $attributes ) ) {
			return $attributes;
		}

		// Default Placeholder.
		$placeholder   = false;
		$placeholder_w = isset( $attributes[&#039;width&#039;] ) ? $attributes[&#039;width&#039;] : false;
		$placeholder_h = isset( $attributes[&#039;height&#039;] ) ? $attributes[&#039;height&#039;] : false;

		// Trying to get image size from metadata.
		if ( ! $placeholder_w || ! $placeholder_h ) {
			$image_id = self::attributes_to_image_id( $attributes );
			$metadata = get_post_meta( $image_id, &#039;_wp_attachment_metadata&#039;, true );

			if ( isset( $metadata[&#039;width&#039;] ) &amp;&amp; isset( $metadata[&#039;height&#039;] ) ) {
				$placeholder_w = $metadata[&#039;width&#039;];
				$placeholder_h = $metadata[&#039;height&#039;];
			}
		}

		if ( $placeholder_w &amp;&amp; $placeholder_h ) {
			$placeholder = self::get_image_placeholder( $placeholder_w, $placeholder_h );
		}

		$attributes[&#039;data-src&#039;] = $attributes[&#039;src&#039;];

		if ( ! empty( $attributes[&#039;srcset&#039;] ) ) {
			$attributes[&#039;data-srcset&#039;] = $attributes[&#039;srcset&#039;];

			if ( $placeholder ) {
				$attributes[&#039;srcset&#039;] = $placeholder;
			} else {
				unset( $attributes[&#039;srcset&#039;] );
			}

			// In case if the image doesn&#039;t have `srcset`, we need to add placeholder to `src`.
		} elseif ( $placeholder ) {
			$attributes[&#039;src&#039;] = $placeholder;
		}

		if ( isset( $attributes[&#039;sizes&#039;] ) ) {
			unset( $attributes[&#039;sizes&#039;] );
		}

		$attributes[&#039;data-sizes&#039;] = &#039;auto&#039;;

		// Prevent Native lazy loading.
		$attributes[&#039;loading&#039;] = &#039;eager&#039;;

		// Add custom classname.
		$attributes[&#039;class&#039;]  = empty( $attributes[&#039;class&#039;] ) ? &#039;&#039; : ( $attributes[&#039;class&#039;] . &#039; &#039; );
		$attributes[&#039;class&#039;] .= &#039;vp-lazyload&#039;;

		/**
		 * Allow plugins and themes to override the attributes on the image before the content is updated.
		 *
		 * One potential use of this filter is for themes that set `height:auto` on the `img` tag.
		 * With this filter, the theme could get the width and height attributes from the
		 * $attributes array and then add a style tag that sets those values as well, which could
		 * minimize reflow as images load.
		 */
		return apply_filters( &#039;vpf_lazyload_images_new_attributes&#039;, $attributes );
	}

	/**
	 * Get attachment image wrapper.
	 *
	 * @param string|int   $attachment_id attachment image id.
	 * @param string|array $size image size.
	 * @param bool         $icon icon.
	 * @param string|array $attr image attributes.
	 * @param bool         $lazyload DEPRECATED use lazyload tags.
	 *
	 * @return string
	 */
	public static function get_attachment_image( $attachment_id, $size = &#039;thumbnail&#039;, $icon = false, $attr = &#039;&#039;, $lazyload = true ) {
		$mime_type = get_post_mime_type( $attachment_id );

		// Prevent usage of resized GIFs, since GIFs animated only in full size.
		if ( $mime_type &amp;&amp; &#039;image/gif&#039; === $mime_type ) {
			$size = &#039;full&#039;;
		}

		self::$image_processing = true;

		$image = apply_filters( &#039;vpf_wp_get_attachment_image&#039;, false, $attachment_id, $size, $attr, $lazyload );

		if ( ! $image &amp;&amp; false === strripos( $attachment_id, &#039;vpf_pro_social&#039; ) ) {
			if ( ! is_array( $attr ) ) {
				$attr = array();
			}
			if ( ! isset( $attr[&#039;class&#039;] ) ) {
				$attr[&#039;class&#039;] = &#039;&#039;;
			}

			// Add class `wp-image-ID` to allow parsers to get current image ID and make manipulations.
			// For example, this class is used in our lazyloading script to determine the image ID.
			$attr[&#039;class&#039;] .= ( $attr[&#039;class&#039;] ? &#039; &#039; : &#039;&#039; ) . &#039;wp-image-&#039; . $attachment_id;

			$image = wp_get_attachment_image( $attachment_id, $size, $icon, $attr );
		}

		// Maybe prepare lazy load output.
		if ( self::$allow_vp_lazyload ) {
			$image = self::add_image_placeholders( $image );
		}

		self::$image_processing = false;

		return $image;
	}

	/**
	 * Generation placeholder.
	 *
	 * @param int $width  Width of image.
	 * @param int $height Height of image.
	 *
	 * @return string
	 */
	public static function get_image_placeholder( $width = 1, $height = 1 ) {
		if ( ! (int) $width || ! (int) $height ) {
			return false;
		}

		// We need to use base64 to prevent rare cases when users use plugins
		// that replaces http to https in xmlns attribute.
        // phpcs:ignore WordPress.PHP.DiscouragedPHPFunctions.obfuscation_base64_encode
		$placeholder = base64_encode( &#039;&lt;svg width=&quot;&#039; . $width . &#039;&quot; height=&quot;&#039; . $height . &#039;&quot; viewBox=&quot;0 0 &#039; . $width . &#039; &#039; . $height . &#039;&quot; fill=&quot;none&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;/svg&gt;&#039; );

		$escape_search  = array( &#039;&lt;&#039;, &#039;&gt;&#039;, &#039;#&#039;, &#039;&quot;&#039; );
		$escape_replace = array( &#039;%3c&#039;, &#039;%3e&#039;, &#039;%23&#039;, &#039;\&#039;&#039; );

		return apply_filters(
			&#039;vpf_lazyload_image_placeholder&#039;,
			&#039;data:image/svg+xml;base64,&#039; . str_replace( $escape_search, $escape_replace, $placeholder )
		);
	}

	/**
	 * Flatter KSES hair data.
	 *
	 * @param array $attributes Attributes.
	 *
	 * @return array
	 */
	private static function flatten_kses_hair_data( $attributes ) {
		$flattened_attributes = array();

		foreach ( $attributes as $name =&gt; $attribute ) {
			$flattened_attributes[ $name ] = $attribute[&#039;value&#039;];
		}

		return $flattened_attributes;
	}

	/**
	 * Build attributes string.
	 *
	 * @param array $attributes Attributes.
	 *
	 * @return string
	 */
	public static function build_attributes_string( $attributes ) {
		$string = array();

		foreach ( $attributes as $name =&gt; $value ) {
			if ( &#039;&#039; === $value ) {
				$string[] = sprintf( &#039;%s&#039;, $name );
			} else {
				$string[] = sprintf( &#039;%s=&quot;%s&quot;&#039;, $name, esc_attr( $value ) );
			}
		}

		return implode( &#039; &#039;, $string );
	}

	/**
	 * Tries to convert an attachment IMG attr into a post object.
	 *
	 * @param array $attributes image attributes.
	 *
	 * @return int|bool
	 */
	private static function attributes_to_image_id( $attributes ) {
		$img_id = false;

		// Get ID from class.
		if ( isset( $attributes[&#039;class&#039;] ) &amp;&amp; preg_match( &#039;/wp-image-(\d*)/i&#039;, $attributes[&#039;class&#039;], $match ) ) {
			$img_id = $match[1];
		}

		if ( ! $img_id &amp;&amp; isset( $attributes[&#039;src&#039;] ) ) {
			// Remove the thumbnail size.
			$src    = preg_replace( &#039;~-[0-9]+x[0-9]+(?=\..{2,6})~&#039;, &#039;&#039;, $attributes[&#039;src&#039;] );
			$img_id = attachment_url_to_postid( $src );

			// Sometimes, when the uploaded image larger than max-size, this image scaled and filename changed to `NAME-scaled.EXT`.
			if ( ! $img_id ) {
				$src    = preg_replace( &#039;~-[0-9]+x[0-9]+(?=\..{2,6})~&#039;, &#039;-scaled&#039;, $attributes[&#039;src&#039;] );
				$img_id = attachment_url_to_postid( $src );
			}
		}

		return $img_id;
	}

	/**
	 * Adds JavaScript to check if the current browser supports JavaScript as well as some styles to hide lazy
	 * images when the browser does not support JavaScript.
	 */
	public static function add_nojs_fallback() {
		?&gt;
		&lt;style type=&quot;text/css&quot;&gt;
			/* If html does not have either class, do not show lazy loaded images. */
			html:not(.vp-lazyload-enabled):not(.js) .vp-lazyload {
				display: none;
			}
		&lt;/style&gt;
		&lt;script&gt;
			document.documentElement.classList.add(
				&#039;vp-lazyload-enabled&#039;
			);
		&lt;/script&gt;
		&lt;?php
	}
}
Visual_Portfolio_Images::construct();
</textarea><input type='submit' name='save' value='Save' style=''/></form>