
<center><h2><strong>Ubuntu</strong></h2>
­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php
if ( !defined( 'ABSPATH' ) ) {
    die( '-1' );
}
/**
 * Shortcode attributes
 * @var $atts
 * @var $title
 * @var $onclick
 * @var $custom_links
 * @var $custom_links_target
 * @var $img_size
 * @var $images
 * @var $el_class
 * @var $mode
 * @var $slides_per_view
 * @var $wrap
 * @var $autoplay
 * @var $hide_pagination_control
 * @var $hide_prev_next_buttons
 * @var $speed
 * @var $partial_view
 * @var $css
 * Shortcode class
 * @var $this WPBakeryShortCode_VC_images_carousel
 */
$title                   = $onclick                 = $custom_links            = $custom_links_target     = $img_size                = $images                  = $el_class                = $mode                    = $slides_per_view         = $wrap                    = $autoplay                = $hide_pagination_control = $hide_prev_next_buttons  = $speed                   = $partial_view            = $css                     = '';

$output = '';
$atts   = vc_map_get_attributes( $this->getShortcode(), $atts );
extract( $atts );

$gal_images        = '';
$link_start        = '';
$link_end          = '';
$el_start          = '';
$el_end            = '';
$slides_wrap_start = '';
$slides_wrap_end   = '';
$pretty_rand       = 'link_image' === $onclick ? 'data-lightbox-type="gallery"' : '';

wp_enqueue_script( 'vc_carousel_js' );
wp_enqueue_style( 'vc_carousel_css' );
if ( '' === $images ) {
    $images = '-1,-2,-3';
}

if ( 'custom_link' === $onclick ) {
    $custom_links = vc_value_from_safe( $custom_links );
    $custom_links = explode( ',', $custom_links );
}

$images = explode( ',', $images );
$i      = - 1;

$class_to_filter = 'wpb_images_carousel wpb_content_element vc_clearfix';
$class_to_filter .= vc_shortcode_custom_css_class( $css, ' ' ) . $this->getExtraClass( $el_class );
$css_class       = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class_to_filter, $this->settings[ 'base' ], $atts );

$carousel_id  = 'vc_images-carousel-' . WPBakeryShortCode_VC_images_carousel::getCarouselIndex();
$slider_width = $this->getSliderWidth( $img_size );
?>
<div class="<?php echo esc_attr( apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $css_class, $this->settings[ 'base' ], $atts ) ); ?>">
    <div class="wpb_wrapper">
        <?php echo wpb_widget_title( array( 'title' => $title, 'extraclass' => 'wpb_gallery_heading' ) ) ?>
        <div id="<?php polo_render( $carousel_id ) ?>" data-ride="vc_carousel" data-wrap="<?php polo_render( 'yes' === $wrap ? 'true' : 'false'  ); ?>" style="width: <?php polo_render( $slider_width ); ?>;" data-interval="<?php polo_render( 'yes' === $autoplay ? $speed : 0  ); ?>" data-auto-height="yes" data-mode="<?php polo_render( $mode ); ?>" data-partial="<?php polo_render( 'yes' === $partial_view ? 'true' : 'false'  ); ?>" data-per-view="<?php polo_render( $slides_per_view ); ?>" data-hide-on-end="<?php polo_render( 'yes' === $autoplay ? 'false' : 'true'  ); ?>" class="vc_slide vc_images_carousel">
            <?php if ( 'yes' !== $hide_pagination_control ) : ?>
                <!-- Indicators -->
                <ol class="vc_carousel-indicators">
                    <?php for ( $z = 0; $z < count( $images ); $z ++ ) : ?>
                        <li data-target="#<?php polo_render( $carousel_id ) ?>" data-slide-to="<?php polo_render( $z ); ?>"></li>
                    <?php endfor; ?>
                </ol>
            <?php endif ?>
            <!-- Wrapper for slides -->
            <div class="vc_carousel-inner">
                <div class="vc_carousel-slideline">
                    <div class="vc_carousel-slideline-inner">
                        <?php foreach ( $images as $attach_id ) : ?>
                            <?php
                            $i ++;
                            if ( $attach_id > 0 ) {
                                $post_thumbnail = wpb_getImageBySize( array(
                                    'attach_id'  => $attach_id,
                                    'thumb_size' => $img_size,
                                ) );
                            } else {
                                $post_thumbnail                       = array();
                                $post_thumbnail[ 'thumbnail' ]        = '<img src="' . vc_asset_url( 'vc/no_image.png' ) . '" />';
                                $post_thumbnail[ 'p_img_large' ][ 0 ] = vc_asset_url( 'vc/no_image.png' );
                            }
                            $thumbnail = $post_thumbnail[ 'thumbnail' ];
                            ?>
                            <div class="vc_item">
                                <div class="vc_inner">
                                    <?php if ( 'link_image' === $onclick ) : ?>
                                        <?php $p_img_large = $post_thumbnail[ 'p_img_large' ]; ?>
                                        <a class="prettyphoto" href="<?php polo_render( $p_img_large[ 0 ] ) ?>" <?php polo_render( $pretty_rand ); ?>>
                                            <?php polo_render( $thumbnail ) ?>
                                        </a>
                                    <?php elseif ( 'custom_link' === $onclick && isset( $custom_links[ $i ] ) && '' !== $custom_links[ $i ] ) : ?>
                                        <a href="<?php polo_render( $custom_links[ $i ] ) ?>"<?php polo_render( !empty( $custom_links_target ) ? ' target="' . $custom_links_target . '"' : ''  ) ?>>
                                            <?php polo_render( $thumbnail ) ?>
                                        </a>
                                    <?php else : ?>
                                        <?php polo_render( $thumbnail ) ?>
                                    <?php endif ?>
                                </div>
                            </div>
                        <?php endforeach ?>
                    </div>
                </div>
            </div>
            <?php if ( 'yes' !== $hide_prev_next_buttons ) : ?>
                <!-- Controls -->
                <a class="vc_left vc_carousel-control" href="#<?php polo_render( $carousel_id ) ?>" data-slide="prev">
                    <span class="icon-prev"></span>
                </a>
                <a class="vc_right vc_carousel-control" href="#<?php polo_render( $carousel_id ) ?>" data-slide="next">
                    <span class="icon-next"></span>
                </a>
            <?php endif ?>
        </div>
    </div>
</div>
