[10819] | 1 | {combine_css path=$B2F_PATH|@cat:"template/style.css"} |
---|
| 2 | |
---|
[21213] | 3 | {if !$verso.selected_derivative->is_cached() && $current.selected_derivative->is_cached()} |
---|
[21212] | 4 | {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} |
---|
| 5 | {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} |
---|
| 6 | {footer_script}var error_icon = "{$ROOT_URL}{$themeconf.icon_dir}/errors_small.png"{/footer_script} |
---|
| 7 | {/if} |
---|
| 8 | |
---|
| 9 | |
---|
| 10 | {if $b2f_position != "toolbar"}<div>{/if} |
---|
| 11 | <a class="reverse" data-what="front" rel="nofollow" class="pwg-state-default pwg-button" title="{$b2f_see_back}" {if $b2f_position == "toolbar"}style="border:none !important;"{/if}> |
---|
| 12 | <img src="{$ROOT_URL}{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back} |
---|
| 13 | </a> |
---|
| 14 | {if $b2f_position != "toolbar"}</div>{/if} |
---|
| 15 | |
---|
| 16 | <img {if $verso.selected_derivative->is_cached()}src="{$verso.selected_derivative->get_url()}" {$verso.selected_derivative->get_size_htm()}{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax_loader.gif" data-src="{$verso.selected_derivative->get_url()}"{/if} alt="{$ALT_IMG}" id="theVersoImage" usemap="#map{$current.selected_derivative->get_type()}" title="{if isset($COMMENT_IMG)}{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}{else}{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}{/if}"> |
---|
| 17 | |
---|
| 18 | |
---|
[10819] | 19 | {footer_script require="jquery"} |
---|
[21212] | 20 | jQuery("#derivativeSwitchLink").hide(); |
---|
| 21 | jQuery(".reverse").css("display", "inline-block"); |
---|
| 22 | jQuery("img#theVersoImage").insertAfter(jQuery("img#theMainImage")); |
---|
[10852] | 23 | |
---|
[21212] | 24 | {if $b2f_switch_mode == "click"} |
---|
| 25 | jQuery(".reverse").click(function() {ldelim} |
---|
| 26 | if (jQuery(this).data("what") == "front") {ldelim} |
---|
[10852] | 27 | {else} |
---|
[21212] | 28 | jQuery(".reverse").hover(function() {ldelim} |
---|
[10852] | 29 | {/if} |
---|
| 30 | |
---|
[21212] | 31 | {if $b2f_transition == "fade"} |
---|
[21213] | 32 | jQuery("img#theVersoImage").hide(); |
---|
| 33 | jQuery("img#theMainImage").fadeOut(400, function() {ldelim} |
---|
| 34 | jQuery("img#theVersoImage").fadeIn(400); |
---|
[10852] | 35 | }); |
---|
| 36 | {else} |
---|
[21213] | 37 | jQuery("img#theMainImage").hide(); |
---|
| 38 | jQuery("img#theVersoImage").show(); |
---|
[10852] | 39 | {/if} |
---|
| 40 | |
---|
[21213] | 41 | jQuery(this).data("what", "back"); |
---|
| 42 | jQuery(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_2.png"/> {$b2f_see_front}'); |
---|
[21212] | 43 | |
---|
| 44 | {if $b2f_switch_mode == "click"} |
---|
| 45 | } else if (jQuery(this).data("what") == "back") {ldelim} |
---|
[10852] | 46 | {else} |
---|
| 47 | }, function() {ldelim} |
---|
| 48 | {/if} |
---|
[21212] | 49 | |
---|
| 50 | {if $b2f_transition == "fade"} |
---|
[21213] | 51 | jQuery("img#theMainImage").hide(); |
---|
| 52 | jQuery("img#theVersoImage").fadeOut(400, function() {ldelim} |
---|
| 53 | jQuery("img#theMainImage").fadeIn(400); |
---|
[10852] | 54 | }); |
---|
| 55 | {else} |
---|
[21213] | 56 | jQuery("img#theVersoImage").hide(); |
---|
| 57 | jQuery("img#theMainImage").show(); |
---|
[10852] | 58 | {/if} |
---|
[21212] | 59 | |
---|
[21213] | 60 | jQuery(this).data("what", "front"); |
---|
| 61 | jQuery(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}'); |
---|
[21212] | 62 | |
---|
| 63 | {if $b2f_switch_mode == "click"} |
---|
[10821] | 64 | } |
---|
| 65 | }); |
---|
[10852] | 66 | {else} |
---|
| 67 | }); |
---|
| 68 | {/if} |
---|
[10819] | 69 | {/footer_script} |
---|