Preview Images

Preview Image Shortcodes

Preview Image are great to show the image and can be set with Porto Priview Image shortcodes.

'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;
'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;

Preview Time

'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;
'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;
'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;

Tip Colors

'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;
'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;
'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;
'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;

Fixed

'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;
'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;
'', 'image_url' => '', 'image_id' => '', 'fixed' => false, 'fixed_pos' => '', 'time' => '', 'height' => '232px', 'noborders' => false, 'boxshadow' => false, 'tip_label' => '', 'tip_skin' => 'custom', 'el_class' => ''), $atts));$el_class = porto_shortcode_extract_class( $el_class );if (!$image_url && $image_id) $image_url = wp_get_attachment_url($image_id);$image_url = str_replace(array('http:', 'https:'), '', $image_url);if ($image_url) { $output = '
'; //parse link $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } $attributes = array(); if ( $use_link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( $use_link ) { $output .= ''; } $style = ''; if ($height && $height != '232px') { $style = ' style="height: ' . esc_attr($height) . '"'; } $output .= ''. ($tip_label ? '' . $tip_label . '' : '') .' '; if ( $use_link ) { $output .= ''; } $output .= '
';}echo $output;