'wpex-w-100', ] ); } else { return; } } // Sanitize offset. if ( ! isset( $atts['default_offset_pct'] ) ) { $default_offset_pct = '0.5'; } else { $default_offset_pct = str_replace( '%', '', $atts['default_offset_pct'] ); if ( ! is_numeric( $default_offset_pct ) ) { $default_offset_pct = '0.5'; } else { if ( $default_offset_pct > 1 ) { $default_offset_pct = $default_offset_pct / 100; } if ( $default_offset_pct <= 1 ) { $default_offset_pct = floatval( $default_offset_pct ); } } } // Define shortcode classes. $wrap_class = [ 'vcex-image-ba-wrap', ]; if ( ! empty( $atts['bottom_margin'] ) ) { $wrap_class[] = vcex_parse_margin_class( $atts['bottom_margin'], 'bottom' ); } if ( ! empty( $atts['css'] ) ) { $wrap_class[] = vcex_vc_shortcode_custom_css_class( $atts['css'] ); } if ( ! empty( $atts['width'] ) ) { $wrap_class[] = 'wpex-max-w-100'; if ( ! empty( $atts['align'] ) ) { $wrap_class[] = vcex_parse_align_class( $atts['align'] ); } } if ( ! empty( $atts['css_animation'] ) ) { $wrap_class[] = vcex_get_css_animation( $atts['css_animation'] ); } $wrap_class = vcex_parse_shortcode_classes( $wrap_class, 'vcex_image_ba', $atts ); // Begin html output. $output = '
'; // Figure classes. $figure_classes = [ 'vcex-module', 'vcex-image-ba', 'vcex-image-ba-handle-' . $handle_style, 'twentytwenty-container', // add before JS to prevent potential rendering issues. ]; if ( $atts['el_class'] ) { $figure_classes[] = vcex_get_extra_class( $atts['el_class'] ); } $options = [ 'orientation' => ! empty( $atts['orientation'] ) ? esc_attr( $atts['orientation'] ) : 'horizontal', 'default_offset_pct' => esc_attr( $default_offset_pct ), 'no_overlay' => ! vcex_validate_att_boolean( 'overlay', $atts, true ), 'before_label' => ! empty( $atts['before_label'] ) ? esc_attr( $atts['before_label'] ) : esc_attr__( 'Before', 'total-theme-core' ), 'after_label' => ! empty( $atts['after_label'] ) ? esc_attr( $atts['after_label'] ) : esc_attr__( 'After', 'total-theme-core' ), ]; $figure_attrs = [ 'class' => $figure_classes, 'data-options' => htmlspecialchars( wp_json_encode( $options ) ), ]; $output .= ''; if ( ! empty( $placeholder_image ) ) { $output .= $placeholder_image . $placeholder_image; } else { // Before Image. $output .= vcex_get_post_thumbnail( [ 'attachment' => $before_img, 'size' => $atts['img_size'] ?? null, 'crop' => $atts['img_crop'] ?? null, 'width' => $atts['img_width'] ?? null, 'height' => $atts['img_height'] ?? null, 'class' => 'vcex-before', 'lazy' => false, ] ); // After image $output .= vcex_get_post_thumbnail( [ 'attachment' => $after_img, 'size' => $atts['img_size'] ?? null, 'crop' => $atts['img_crop'] ?? null, 'width' => $atts['img_width'] ?? null, 'height' => $atts['img_height'] ?? null, 'class' => 'vcex-after', 'lazy' => false, ] ); } $output .= ''; $output .= '
'; // @codingStandardsIgnoreLine echo $output;