Ubuntu
'',
'alt' => '',
'width' => '',
'img_width' => '',
'height' => '',
'img_height' => '',
'image_id2' => '',
'alt2' => '',
'caption_url' => '',
'caption_url_target' => '',
'border_width' => '10',
'border_style' => 'solid',
'border_color' => '#fff',
'front_anim_speed' => '',
'hover_effect' => 'maw_img_swap_fade',
'img_align' => 'left',
), $atts ) );
$img_swap_rand_id = rand(5, 500);
$caption_url = vc_build_link($caption_url);
if ($image_id != '') {
$image_url = wp_get_attachment_url( $image_id );
}
if ($image_id2 != '') {
$image_url2 = wp_get_attachment_url( $image_id2 );
}
$content = wpb_js_remove_wpautop($content, true);
ob_start(); ?>
__( 'Image Swap', 'swap' ),
"base" => "image_swap",
"category" => __('Mega Addons'),
"description" => __('Image over image hover effects', 'swap'),
"icon" => plugin_dir_url( __FILE__ ).'../icons/img-swap.png',
'params' => array(
array(
"type" => "attach_image",
"heading" => __( 'Front Image', 'swap' ),
"param_name" => "image_id",
"description" => __( 'Select the image', 'swap' ),
"group" => 'Image',
),
array(
"type" => "textfield",
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
"param_name" => "alt",
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
"group" => 'Image',
),
array(
"type" => "attach_image",
"heading" => __( 'Flip Image', 'swap' ),
"param_name" => "image_id2",
"description" => __( 'It will show on hover', 'swap' ),
"group" => 'Image',
),
array(
"type" => "textfield",
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
"param_name" => "alt2",
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
"group" => 'Image',
),
array(
"type" => "vc_number",
"heading" => __( 'Image Width', 'ich-vc' ),
"param_name" => "width",
"description" => __( 'set in pixel e.g 250 or leave blank for default', 'ich-vc' ),
"max" => "",
"suffix" => 'px',
"group" => 'Image',
),
array(
"type" => "vc_number",
"heading" => __( 'Image Height', 'ich-vc' ),
"param_name" => "height",
"description" => __( 'set in pixel e.g 250 or leave blank for default', 'ich-vc' ),
"max" => "",
"suffix" => 'px',
"group" => 'Image',
),
array(
"type" => "vc_link",
"heading" => __( 'Link To', 'swap' ),
"param_name" => "caption_url",
"description" => __( 'Enter URL to link caption', 'swap' ),
"group" => 'Image',
),
array(
"type" => "vc_links",
"param_name" => "caption_url",
"class" => "ult_param_heading",
"description" => __( 'Get the Pro version for more stunning elements and customization options.', 'ihover' ),
"group" => 'Image',
),
/* Border */
array(
"type" => "vc_number",
"heading" => __( 'Border Width', 'swap' ),
"param_name" => "border_width",
"description" => __( 'Width of border, eg: 15. Leaving blank will disable border', 'swap' ),
"group" => 'Border',
),
array(
"type" => "dropdown",
"heading" => __( 'Border Style', 'swap' ),
"param_name" => "border_style",
"group" => 'Border',
"value" => array(
"Solid" => "solid",
"Dotted" => "dotted",
"Ridge" => "ridge",
"Dashed" => "dashed",
"Double" => "double",
"Groove" => "groove",
"Inset" => "inset",
)
),
array(
"type" => "colorpicker",
"heading" => __( 'Border Color', 'swap' ),
"param_name" => "border_color",
"description" => __( 'Select the color for border', 'swap' ),
"group" => 'Border',
),
/* Hover Effects */
array(
"type" => "dropdown",
"heading" => __( 'Alignment', 'swap' ),
"param_name" => "img_align",
"group" => 'Settings',
"value" => array(
'Left' => 'left',
'Center' => 'center',
'Right' => 'right',
)
),
array(
"type" => "vc_number",
"heading" => __( 'Animation Speed', 'ich-vc' ),
"param_name" => "front_anim_speed",
"description" => __( 'write value in ms, 1s = 1000ms', 'ich-vc' ),
"min" => "0",
"max" => "3000",
"suffix" => 'ms',
"value" => '300',
"group" => 'Settings',
),
array(
"type" => "dropdown",
"heading" => __( 'Hover Effect', 'swap' ),
"param_name" => "hover_effect",
"description" => __( 'Choose hover effect See Demo', 'swap' ),
"group" => 'Settings',
"value" => array(
'Fade' => 'maw_img_swap_fade',
// 'Effect1 top to bottom' => 'square effect1 top_to_bottom',
// 'Effect1 bottm to top' => 'square effect1 bottom_to_top',
// 'Effect1 left and right' => 'square effect1 left_and_right',
'Effect2' => 'square effect2',
'Effect5 left to right' => 'square effect5 left_to_right',
'Effect5 right to left' => 'square effect5 right_to_left',
'Effect7 fade simple' => 'square effect7',
'Effect8 scaleup' => 'square effect8 scale_up',
'Effect8 scaledown' => 'square effect8 scale_down',
'Effect9 bottom to top' => 'square effect9 bottom_to_top',
'Effect9 left to right' => 'square effect9 left_to_right',
'Effect9 right to left' => 'square effect9 right_to_left',
'Effect9 top to bottom' => 'square effect9 top_to_bottom',
'Effect10 left to right' => 'square effect10 left_to_right',
'Effect10 right to left' => 'square effect10 right_to_left',
'Effect10 top to bottom' => 'square effect10 top_to_bottom',
'Effect10 bottom to top' => 'square effect10 bottom_to_top',
'Effect11 left to right' => 'square effect11 left_to_right',
'Effect11 right to left' => 'square effect11 right_to_left',
'Effect11 top to bottom' => 'square effect11 top_to_bottom',
'Effect11 bottom to top' => 'square effect11 bottom_to_top',
'Effect12 left to right' => 'square effect12 left_to_right',
'Effect12 right to left' => 'square effect12 right_to_left',
'Effect12 top to bottom' => 'square effect12 top_to_bottom',
'Effect12 bottom to top' => 'square effect12 bottom_to_top',
'Effect13 left to right' => 'square effect13 left_to_right',
'Effect13 right to left' => 'square effect13 right_to_left',
'Effect13 top to bottom' => 'square effect13 top_to_bottom',
'Effect13 bottom to top' => 'square effect13 bottom_to_top',
'Effect14 left to right' => 'square effect14 left_to_right',
'Effect14 right to left' => 'square effect14 right_to_left',
'Effect14 top to bottom' => 'square effect14 top_to_bottom',
'Effect14 bottom to top' => 'square effect14 bottom_to_top',
'Effect15 left to right' => 'square effect15 left_to_right',
'Effect15 right to left' => 'square effect15 right_to_left',
'Effect15 top to bottom' => 'square effect15 top_to_bottom',
'Effect15 bottom to top' => 'square effect15 bottom_to_top',
)
),
array(
"type" => "vc_links",
"param_name" => "caption_urls",
"class" => "ult_param_heading",
"description" => __( 'Image Size For Mobile', 'megaaddons' ),
"group" => 'Settings',
),
array(
"type" => "vc_number",
"heading" => __( 'Image Width', 'ich-vc' ),
"param_name" => "img_width",
"max" => "",
"suffix" => 'px',
"group" => 'Settings',
),
array(
"type" => "vc_number",
"heading" => __( 'Image Height', 'ich-vc' ),
"param_name" => "img_height",
"max" => "",
"suffix" => 'px',
"group" => 'Settings',
),
),
) );