[26127] | 1 | {combine_script id='jquery.nivo.slider' path=$EXTENDED_DESC_PATH|cat:'template/nivoslider/jquery.nivo.slider.pack.js' require='jquery' load='footer'} |
---|
| 2 | {combine_css id='nivoslider' path=$EXTENDED_DESC_PATH|cat:'template/nivoslider/nivo-slider.css'} |
---|
| 3 | {combine_css id='nivoslider_theme' path=$EXTENDED_DESC_PATH|cat:'template/nivoslider/default.css'} |
---|
[19282] | 4 | |
---|
[26127] | 5 | {html_style} |
---|
| 6 | #slider{$SLIDER.id} {ldelim} margin:0 auto; } |
---|
| 7 | #slider{$SLIDER.id} .nivoSlider img {ldelim} border:none !important; } |
---|
| 8 | #slider{$SLIDER.id} .nivo-controlNav.nivo-thumbs-enabled img {ldelim} |
---|
| 9 | width: {$SLIDER.thumbs_size}px; height: {$SLIDER.thumbs_size}px; |
---|
| 10 | } |
---|
| 11 | {/html_style} |
---|
[19282] | 12 | |
---|
[26127] | 13 | {if $SLIDER.elastic} |
---|
[19282] | 14 | {assign var=slider_full_height value=0} |
---|
| 15 | {else} |
---|
[26127] | 16 | {assign var=slider_full_height value=$SLIDER.img_size.h} |
---|
[19282] | 17 | {/if} |
---|
| 18 | {assign var=slider_full_width value=0} |
---|
| 19 | |
---|
[26127] | 20 | <div id="slider{$SLIDER.id}" class="slider-wrapper theme-default"> |
---|
| 21 | <div class="nivoSlider"> |
---|
| 22 | {foreach from=$SLIDER.elements item=thumbnail name=slider}{strip} |
---|
| 23 | {assign var=derivative value=$pwg->derivative($SLIDER.derivative_params, $thumbnail.src_image)} |
---|
| 24 | {if $SLIDER.control_thumbs}{assign var=derivative_thumb value=$pwg->derivative_url($SLIDER.derivative_params_thumb, $thumbnail.src_image)}{/if} |
---|
[19282] | 25 | {if !$derivative->is_cached()} |
---|
[26127] | 26 | {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} |
---|
| 27 | {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} |
---|
[19282] | 28 | {/if} |
---|
| 29 | |
---|
[26127] | 30 | <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" {$derivative->get_size_htm()} {if $show_title}title="<a href='{$thumbnail.URL}'>{$thumbnail.NAME|replace:'"':"'"}</a>"{/if} {if $SLIDER.control_thumbs}data-thumb="{$derivative_thumb}"{/if}> |
---|
[19282] | 31 | |
---|
| 32 | {assign var=derivative_size value=$derivative->get_size()} |
---|
| 33 | {math assign=slider_full_width equation="max(x,y)" x=$slider_full_width y=$derivative_size[0]} |
---|
[26127] | 34 | {if $SLIDER.elastic} |
---|
| 35 | {math assign=slider_full_height equation="max(x,y)" x=$slider_full_height y=$derivative_size[1]} |
---|
| 36 | {else} |
---|
| 37 | {math assign=slider_full_height equation="min(x,y)" x=$slider_full_height y=$derivative_size[1]} |
---|
| 38 | {/if} |
---|
| 39 | {if $smarty.foreach.slider.first} |
---|
| 40 | {assign var=slider_init_width value=$derivative_size[0]} |
---|
| 41 | {assign var=slider_init_height value=$derivative_size[1]} |
---|
| 42 | {/if} |
---|
[19282] | 43 | {/strip} |
---|
| 44 | {/foreach} |
---|
| 45 | </div> |
---|
| 46 | </div> |
---|
| 47 | |
---|
[26127] | 48 | {footer_script require='jquery.nivo.slider'} |
---|
[26187] | 49 | (function($){ldelim} |
---|
[26127] | 50 | var $slider = $("#slider{$SLIDER.id} .nivoSlider"); |
---|
| 51 | |
---|
| 52 | $slider.nivoSlider({ldelim} |
---|
| 53 | pauseTime: {$SLIDER.speed}*1000, |
---|
| 54 | animSpeed: {$SLIDER.speed}*1000/6, |
---|
| 55 | effect: '{$SLIDER.effect}', |
---|
| 56 | directionNav: {intval($SLIDER.arrows)}, |
---|
| 57 | controlNav: {intval($SLIDER.control)}, |
---|
| 58 | controlNavThumbs: {intval($SLIDER.control_thumbs)}, |
---|
| 59 | beforeChange: function() {ldelim} |
---|
| 60 | if ($slider.data('nivo:vars').currentImage.attr('src') == "") {ldelim} |
---|
| 61 | return false; |
---|
| 62 | } |
---|
| 63 | {if $SLIDER.elastic} |
---|
| 64 | $slider.css({ldelim} height: 'auto' }); |
---|
| 65 | {/if} |
---|
| 66 | } |
---|
| 67 | }); |
---|
| 68 | |
---|
| 69 | $slider.parent().css({ldelim} |
---|
| 70 | height: {$slider_full_height}{if $SLIDER.control_thumbs}+20+{$SLIDER.thumbs_size}{else if $SLIDER.control}+40{/if}, |
---|
| 71 | width: {$slider_full_width} |
---|
| 72 | }); |
---|
| 73 | $slider.css({ldelim} |
---|
| 74 | height: {if $SLIDER.elastic}{$slider_init_height}{else}{$slider_full_height}{/if}, |
---|
| 75 | width: {$slider_init_width} |
---|
| 76 | }); |
---|
| 77 | }(jQuery)); |
---|
[19282] | 78 | {/footer_script} |
---|