'image_' . rand(), 'class' => '', 'visibility' => '', 'id' => '', 'org_img' => '', 'caption' => '', 'animate' => '', 'animate_delay' => '', 'lightbox' => '', 'lightbox_image_size' => 'large', 'lightbox_caption' => '', 'height' => '', 'image_overlay' => '', 'image_hover' => '', 'image_hover_alt' => '', 'image_size' => 'large', 'icon' => '', 'width' => '', 'margin' => '', 'position_x' => '', 'position_x__sm' => '', 'position_x__md' => '', 'position_y' => '', 'position_y__sm' => '', 'position_y__md' => '', 'depth' => '', 'parallax' => '', 'depth_hover' => '', 'link' => '', 'target' => '_self', 'rel' => '', ), $atts ) ); if ( empty( $id ) ) { return '
Upload Image...
'; } // Ensure key existence when builder setting is // not touched, to extract responsive widths. if ( ! array_key_exists( 'width', $atts ) ) { $atts['width'] = '100'; } $classes = array(); if ( $class ) $classes[] = $class; if ( $visibility ) $classes[] = $visibility; $classes_inner = array( 'img-inner' ); $classes_img = array(); $image_meta = wp_prepare_attachment_for_js( $id ); $link_atts = array( 'target' => $target, 'rel' => array( $rel ), ); if ( is_numeric( $id ) ) { if ( ! $org_img ) { $org_img = wp_get_attachment_image_src( $id, $lightbox_image_size ); $org_img = $org_img ? $org_img[0] : ''; } if ( $caption && $caption == 'true' ) { $caption = is_array( $image_meta ) ? $image_meta['caption'] : ''; } } else { if ( ! $org_img ) { $org_img = $id; } } // If caption is enabled. $link_start = ''; $link_end = ''; $link_class = ''; if ( $link ) { if ( strpos( $link, 'watch?v=' ) !== false ) { $icon = 'icon-play'; $link_class = 'open-video'; if ( ! $image_overlay ) { $image_overlay = 'rgba(0,0,0,.2)'; } } $link_start = ''; $link_end = ''; } elseif ( $lightbox ) { $title = $lightbox_caption ? $image_meta['caption'] : ''; $link_start = ''; $link_end = ''; } // Set positions if ( function_exists( 'ux_builder_is_active' ) && ux_builder_is_active() ) { // Do not add positions if builder is active. // They will be set by the onChange handler. } else { $classes[] = flatsome_position_classes( 'x', $position_x, $position_x__sm, $position_x__md ); $classes[] = flatsome_position_classes( 'y', $position_y, $position_y__sm, $position_y__md ); } if ( $image_hover ) { $classes_inner[] = 'image-' . $image_hover; } if ( $image_hover_alt ) { $classes_inner[] = 'image-' . $image_hover_alt; } if ( $height ) { $classes_inner[] = 'image-cover'; } if ( $depth ) { $classes_inner[] = 'box-shadow-' . $depth; } if ( $depth_hover ) { $classes_inner[] = 'box-shadow-' . $depth_hover . '-hover'; } // Add Parallax Attribute. if ( $parallax ) { $parallax = 'data-parallax-fade="true" data-parallax="' . $parallax . '"'; } // Set image height. $css_image_height = array( array( 'attribute' => 'padding-top', 'value' => $height ), array( 'attribute' => 'margin', 'value' => $margin ), ); $classes = implode( " ", $classes ); $classes_inner = implode( " ", $classes_inner ); $classes_img = implode( " ", $classes_img ); ob_start(); ?>
'; ?> '; ?>
>
'; ?> '; ?> array( 'selector' => '', 'property' => 'width', 'unit' => '%', ), ); echo ux_builder_element_style_tag( $_id, $args, $atts ); ?>