| Server IP : 162.0.212.4 / Your IP :
216.73.216.14 [
Web Server : LiteSpeed System : Linux premium146.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : alshnoli ( 2431) PHP Version : 8.3.28 Disable Function : NONE Domains : 1 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/alshnoli/public_html/wp-content/plugins/us-core/templates/elements/ |
Upload File : |
<?php defined( 'ABSPATH' ) OR die( 'This script cannot be accessed directly.' );
/**
* Shortcode: us_image_slider
*
* Dev note: if you want to change some of the default values or acceptable attributes, overload the shortcodes config.
*
* @var $shortcode string Current shortcode name
* @var $shortcode_base string The original called shortcode name (differs if called an alias)
* @var $content string Shortcode's inner content
*/
$_atts['class'] = 'w-slider';
$_atts['class'] .= isset( $classes ) ? $classes : '';
$_atts['class'] .= ' style_' . $style;
$_atts['class'] .= ' fit_' . $img_fit;
if ( us_design_options_has_property( $css, 'border-radius' ) ) {
$_atts['class'] .= ' has_border_radius';
}
if ( ! empty( $el_class ) ) {
$_atts['class'] .= ' ' . $el_class;
}
if ( ! empty( $el_id ) ) {
$_atts['id'] = $el_id;
}
// Royal Slider options
$js_options = array(
'loop' => TRUE,
'fadeInLoadedSlide' => FALSE,
'slidesSpacing' => 0,
'imageScalePadding' => 0,
'numImagesToPreload' => 2,
'arrowsNav' => ( $arrows != 'hide' ),
'arrowsNavAutoHide' => ( $arrows == 'hover' ),
'transitionType' => ( $transition == 'crossfade' ) ? 'fade' : 'move',
'transitionSpeed' => intval( $transition_speed ),
'block' => array(
'moveEffect' => 'none',
'speed' => 300,
),
);
if ( $nav == 'dots' ) {
$js_options['controlNavigation'] = 'bullets';
} elseif ( $nav == 'thumbs' ) {
$js_options['controlNavigation'] = 'thumbnails';
} else {
$js_options['controlNavigation'] = 'none';
}
if ( $autoplay AND $autoplay_period ) {
$js_options['autoplay'] = array(
'enabled' => TRUE,
'pauseOnHover' => $pause_on_hover ? TRUE : FALSE,
'delay' => intval( $autoplay_period * 1000 ),
);
}
if ( $fullscreen ) {
$js_options['fullscreen'] = array( 'enabled' => TRUE );
}
if ( $img_fit == 'contain' ) {
$js_options['imageScaleMode'] = 'fit';
} elseif ( $img_fit == 'cover' ) {
$js_options['imageScaleMode'] = 'fill';
} else/*if ( $img_fit == 'scaledown' )*/ {
$js_options['imageScaleMode'] = 'fit-if-smaller';
}
if ( ! in_array( $img_size, get_intermediate_image_sizes() ) ) {
$img_size = 'full';
}
// Getting images
$query_args = array(
'include' => $ids,
'post_status' => 'inherit',
'post_type' => 'attachment',
'post_mime_type' => 'image',
'orderby' => 'post__in',
'numberposts' => empty( $ids ) ? 3 : - 1,
);
if ( $orderby ) {
$query_args['orderby'] = 'rand';
}
$attachments = get_posts( $query_args );
// Set fallback array, if no attachments
if ( ! is_array( $attachments ) OR empty( $attachments ) ) {
$attachments = array( 0 => '', 1 => '', 2 => '' );
}
$i = 1;
$images_html = '';
foreach ( $attachments as $index => $attachment ) {
// Set fallback placeholders
if ( empty( $attachment ) ) {
$image = array(
0 => US_CORE_URI . '/assets/images/placeholder.svg',
1 => '1024',
2 => '1024',
);
} else {
$image = wp_get_attachment_image_src( $attachment->ID, $img_size );
}
// Skip not existing images
if ( ! $image ) {
continue;
}
// Correct width and height for SVG files
if ( preg_match( '~\.svg$~', $image[0] ) ) {
$size_array = us_get_image_size_params( $img_size );
if ( $size_array['width'] ) {
$image[1] = $image[2] = $size_array['width'];
} elseif ( $size_array['height'] ) {
$image[1] = $image[2] = $size_array['height'];
} else {
$image[1] = $image[2] = '2000'; // fallback for non-numeric values
}
}
if ( ! isset( $js_options['autoScaleSlider'] ) ) {
$js_options['autoScaleSlider'] = TRUE;
$js_options['autoScaleSliderWidth'] = $image[1];
$js_options['autoScaleSliderHeight'] = $image[2];
$js_options['fitInViewport'] = FALSE;
}
$full_image_attr = '';
if ( ! empty( $attachment ) ) {
if ( $fullscreen ) {
$full_image = wp_get_attachment_image_url( $attachment->ID, 'full' );
if ( ! $full_image ) {
$full_image = $image[0];
}
$full_image_attr = ' data-rsBigImg="' . $full_image . '"';
}
// Get Alt
$img_alt = trim( strip_tags( get_post_meta( $attachment->ID, '_wp_attachment_image_alt', TRUE ) ) );
// Use the Caption as a Title
$image_title = trim( strip_tags( $attachment->post_excerpt ) );
// If not, Use the Alt
if ( empty( $image_title ) ) {
$image_title = $img_alt;
}
// If no Alt, use the Title
if ( empty( $image_title ) ) {
$image_title = trim( strip_tags( $attachment->post_title ) );
}
} else {
$image_title = us_translate( 'Title' ); // set fallback title
$img_alt = '';
}
$images_html .= '<div class="rsContent">';
if ( $i == 1 ) {
$first_image_atts = array(
'src' => $image[0],
'width' => $image[1],
'height' => $image[2],
'alt' => $img_alt,
);
}
$images_html .= '<a class="rsImg" data-rsw="' . $image[1] . '" data-rsh="' . $image[2] . '"' . $full_image_attr . ' href="' . $image[0] . '"><span data-alt="' . $img_alt . '"></span></a>';
// Thumbnails Navigation
if ( $nav == 'thumbs' ) {
if ( ! empty( $attachment ) ) {
$images_html .= wp_get_attachment_image( $attachment->ID, 'thumbnail', FALSE, array( 'class' => 'rsTmb not-lazy' ) );
} else {
$images_html .= '<img class="rsTmb not-lazy" src="' . US_CORE_URI . '/assets/images/placeholder.svg" alt="">';
}
}
// Title and Description
if ( $meta ) {
$images_html .= '<div class="rsABlock" data-fadeEffect="false" data-moveEffect="none">';
if ( $image_title != '' ) {
$images_html .= '<div class="w-slider-item-title">' . $image_title . '</div>';
}
if ( ! empty( $attachment->post_content ) ) {
$images_html .= '<div class="w-slider-item-description">' . $attachment->post_content . '</div>';
}
$images_html .= '</div>';
}
$images_html .= '</div>';
$i ++;
}
// We need Royal Slider script for this
if ( us_get_option( 'ajax_load_js', 0 ) == 0 ) {
wp_enqueue_script( 'us-royalslider' );
}
$output = '<div ' . us_implode_atts( $_atts ) . '>';
$output .= '<div class="w-slider-h">';
$output .= '<div class="royalSlider">' . $images_html . '</div>';
// Output first image as fallback on page load
if ( ! empty( $first_image_atts ) ) {
$output .= '<img ' . us_implode_atts( $first_image_atts ) . '></div>';
}
$output .= '<div class="w-slider-json"' . us_pass_data_to_js( $js_options ) . '></div>';
$output .= '</div>';
// If we are in front end editor mode, apply JS to logos
if ( function_exists( 'vc_is_page_editable' ) AND vc_is_page_editable() ) {
$output .= '<script>
jQuery(function($){
if (typeof $.fn.wSlider === "function") {
jQuery(".w-slider").wSlider();
}
});
</script>';
}
echo $output;