%PDF- %PDF-
| Direktori : /home/dopla/www/wp-content/plugins/kingcomposer/shortcodes/live_editor/ |
| Current File : /home/dopla/www/wp-content/plugins/kingcomposer/shortcodes/live_editor/kc_carousel_images.php |
<#
var output = '',
atts = ( data.atts !== undefined ) ? data.atts : {},
thumb_data = '',
attachment_data = [],
attachment_data_full = [],
el_classes = [],
wrp_classes = [],
custom_links_arr = [],
element_attribute = [], el_classes = [], owl_option = [],
wrap_class = ( atts['wrap_class'] !== undefined ) ? atts['wrap_class'] : '',
images = ( atts['images'] !== undefined ) ? atts['images'] : '',
items_number = ( atts['items_number'] !== undefined ) ? atts['items_number'] : 4,
tablet = ( atts['tablet'] !== undefined ) ? atts['tablet'] : 2,
mobile = ( atts['mobile'] !== undefined ) ? atts['mobile'] : 1,
speed = ( atts['speed'] !== undefined ) ? atts['speed'] : 500,
navigation = ( atts['navigation'] !== undefined ) ? atts['navigation'] : false,
pagination = ( atts['pagination'] !== undefined ) ? atts['pagination'] : false,
auto_height = ( atts['auto_height'] !== undefined ) ? atts['auto_height'] : false,
progress_bar = ( atts['progress_bar'] !== undefined ) ? atts['progress_bar'] : false,
delay = ( atts['delay'] !== undefined && atts['delay'] !== '__empty__' && atts['delay'] !== '' ) ? atts['delay'] : 8,
autoplay = ( atts['autoplay'] !== undefined ) ? atts['autoplay'] : false,
show_thumb = ( atts['show_thumb'] !== undefined ) ? atts['show_thumb'] : '',
auto_play = ( atts['auto_play'] !== undefined ) ? atts['auto_play'] : false,
onclick = ( atts['onclick'] !== undefined ) ? atts['onclick'] : '',
custom_links = ( atts['custom_links'] !== undefined ) ? atts['custom_links'] : '',
num_thumb = ( atts['num_thumb'] !== undefined && atts['num_thumb'] !== '' ) ? atts['num_thumb'] : '5',
img_size = ( atts['img_size'] !== undefined ) ? atts['img_size'] : 'full';
wrp_classes = kc.front.el_class( atts );
if( images !== '' ){
images = images.split(',');
}
#>
<div class="{{{wrp_classes.join(' ')}}}">
<#
if( typeof(images) == 'object' && images !== '' ) {
for ( var i=0; i< images.length; i++ ){
image_id = images[i];
attachment_data.push( ajaxurl + '?action=kc_get_thumbn&id=' + image_id + '&size=' + img_size);
attachment_data_full.push( ajaxurl + '?action=kc_get_thumbn&size=full&id=' + image_id );
}
el_classes.push( 'kc-carousel-images' );
el_classes.push( 'owl-carousel-images' );
el_classes.push( 'owl-arrow-nav' );
el_classes.push( 'kc-sync1' );
el_classes.push( wrap_class );
if( atts['nav_style'] !== undefined && atts['nav_style'] !== '' ){
el_classes.push( 'owl-nav-' + atts['nav_style'] );
}
owl_option = {
'items' : items_number,
'tablet' : tablet,
'mobile' : mobile,
'speed' : speed,
'navigation' : navigation,
'pagination' : pagination,
'autoheight' : auto_height,
'progressbar' : progress_bar,
'delay' : delay,
'autoplay' : auto_play,
'showthumb' : show_thumb,
'num_thumb' : num_thumb,
};
owl_option = JSON.stringify( owl_option );
element_attribute.push('class="' + el_classes.join(' ') + '"');
element_attribute.push("data-owl-i-options='" + owl_option + "'");
if( 'custom_link' == onclick && custom_links !== '' ){
custom_links = custom_links.replace('/[\r\n]+/',"\n").replace('/^\n/','').replace('/\n$/','');
custom_links_arr = custom_links.split("\n");
}
for(var i=0; i < attachment_data.length; i++){
image = attachment_data[i];
output += '<div class="item">';
if( 'none' === onclick ){
output += '<img src="' + image + '" alt=""/>';
}else {
switch( onclick ){
case 'lightbox':
output += '<a class="kc-image-link kc-pretty-photo" data-lightbox="kc-lightbox" rel="prettyPhoto[' + atts['_id'] + ']" href="' + attachment_data_full[i] + '"><img src="' + image + '" alt="" /></a>';
break;
case 'custom_link':
if( custom_links_arr[i] !== undefined ){
output += '<a href="' + custom_links_arr[i] + '" target="' + custom_links_target + '">';
output += '<img src="' + image + '" alt="" /></a>';
}else{
output += '<img src="' + image + '" alt="" />';
}
break;
}
}
output += '</div>';
}
#>
<div class="kc-carousel_images">
<div {{{element_attribute.join(' ')}}}>
{{{output}}}
</div>
<#
if( show_thumb === 'yes' ){
#>
<div class="kc-sync2 owl-carousel">
<#
for( var k = 0; k < attachment_data.length; k++ ) {
image = attachment_data[k];
#>
<div class="item">
<img src="{{{image}}}" alt="" />
</div>
<# } #>
</div>
<#
}
data.callback = function( wrp, $ ){
kc_front.carousel_images( wrp );
}
#>
</div>
<#
}else{
#>
<h3 class="kc-carousel-no-images">Carousel Images: No images found.</h3>
<#
}
#>
</div>