[10819] | 1 | {combine_css path=$B2F_PATH|@cat:"template/style.css"} |
---|
| 2 | |
---|
[21212] | 3 | {if !$verso.selected_derivative->is_cached() && $current.selected_derivative->is_cached} |
---|
| 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 | $("img#theVersoImage").hide(); |
---|
| 32 | |
---|
| 33 | {if $b2f_transition == "fade"} |
---|
| 34 | $("img#theMainImage").fadeOut(400, function() {ldelim} |
---|
| 35 | $("img#theVersoImage").fadeIn(400); |
---|
[10852] | 36 | }); |
---|
| 37 | {else} |
---|
[21212] | 38 | $("img#theMainImage").hide(); |
---|
| 39 | $("img#theVersoImage").show(); |
---|
[10852] | 40 | {/if} |
---|
| 41 | |
---|
[21212] | 42 | $(this).data("what", "back"); |
---|
| 43 | $(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_2.png"/> {$b2f_see_front}'); |
---|
| 44 | |
---|
| 45 | {if $b2f_switch_mode == "click"} |
---|
| 46 | } else if (jQuery(this).data("what") == "back") {ldelim} |
---|
[10852] | 47 | {else} |
---|
| 48 | }, function() {ldelim} |
---|
| 49 | {/if} |
---|
[21212] | 50 | |
---|
| 51 | $("img#theMainImage").hide(); |
---|
| 52 | |
---|
| 53 | {if $b2f_transition == "fade"} |
---|
| 54 | $("img#theVersoImage").fadeOut(400, function() {ldelim} |
---|
| 55 | $("img#theMainImage").fadeIn(400); |
---|
[10852] | 56 | }); |
---|
| 57 | {else} |
---|
[21212] | 58 | $("img#theVersoImage").hide(); |
---|
| 59 | $("img#theMainImage").show(); |
---|
[10852] | 60 | {/if} |
---|
[21212] | 61 | |
---|
| 62 | $(this).data("what", "front"); |
---|
| 63 | $(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}'); |
---|
| 64 | |
---|
| 65 | {if $b2f_switch_mode == "click"} |
---|
[10821] | 66 | } |
---|
| 67 | }); |
---|
[10852] | 68 | {else} |
---|
| 69 | }); |
---|
| 70 | {/if} |
---|
[10819] | 71 | {/footer_script} |
---|