'; $figure_classes = array( 'vcex-module', 'vcex-image-ba', 'twentytwenty-container' ); if ( $atts['el_class'] ) { $figure_classes[] = vcex_get_extra_class( $atts['el_class'] ); } if ( $atts['css_animation'] && 'none' != $atts['css_animation'] ) { $figure_classes[] = vcex_get_css_animation( $atts['css_animation'] ); } $figure_classes = implode( ' ', $figure_classes ); $figure_classes = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $figure_classes, 'vcex_image_swap', $atts ); $data = htmlentities( json_encode( array( 'orientation' => $atts['orientation'], 'default_offset_pct' => ! empty( $atts['default_offset_pct'] ) ? $atts['default_offset_pct'] : '0.5', 'no_overlay' => ( 'false' == $atts['overlay'] ) ? true : null, 'before_label' => ! empty( $atts['before_label'] ) ? esc_attr( $atts['before_label'] ) : esc_attr__( 'Before', 'total' ), 'after_label' => ! empty( $atts['after_label'] ) ? esc_attr( $atts['after_label'] ) : esc_attr__( 'After', 'total' ), ) ) ); $figure_attrs = array( 'class' => esc_attr( $figure_classes ), 'data-options' => $data, ); $output .= '

'; // Before image $output .= wpex_get_post_thumbnail( array( 'attachment' => $atts['before_img'], 'size' => $atts['img_size'], 'crop' => $atts['img_crop'], 'width' => $atts['img_width'], 'height' => $atts['img_height'], 'class' => 'vcex-before', ) ); // After image $output .= wpex_get_post_thumbnail( array( 'attachment' => $atts['after_img'], 'size' => $atts['img_size'], 'crop' => $atts['img_crop'], 'width' => $atts['img_width'], 'height' => $atts['img_height'], 'class' => 'vcex-after', ) ); $output .= '

'; $output .= '