1 | {combine_css path=$B2F_PATH|@cat:"template/style.css"} |
---|
2 | |
---|
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 | |
---|
19 | {footer_script require="jquery"} |
---|
20 | jQuery("#derivativeSwitchLink").hide(); |
---|
21 | jQuery(".reverse").css("display", "inline-block"); |
---|
22 | jQuery("img#theVersoImage").insertAfter(jQuery("img#theMainImage")); |
---|
23 | |
---|
24 | {if $b2f_switch_mode == "click"} |
---|
25 | jQuery(".reverse").click(function() {ldelim} |
---|
26 | if (jQuery(this).data("what") == "front") {ldelim} |
---|
27 | {else} |
---|
28 | jQuery(".reverse").hover(function() {ldelim} |
---|
29 | {/if} |
---|
30 | |
---|
31 | {if $b2f_transition == "fade"} |
---|
32 | jQuery("img#theVersoImage").hide(); |
---|
33 | jQuery("img#theMainImage").fadeOut(400, function() {ldelim} |
---|
34 | jQuery("img#theVersoImage").fadeIn(400); |
---|
35 | }); |
---|
36 | {else} |
---|
37 | jQuery("img#theMainImage").hide(); |
---|
38 | jQuery("img#theVersoImage").show(); |
---|
39 | {/if} |
---|
40 | |
---|
41 | jQuery(this).data("what", "back"); |
---|
42 | jQuery(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_2.png"/> {$b2f_see_front}'); |
---|
43 | |
---|
44 | {if $b2f_switch_mode == "click"} |
---|
45 | } else if (jQuery(this).data("what") == "back") {ldelim} |
---|
46 | {else} |
---|
47 | }, function() {ldelim} |
---|
48 | {/if} |
---|
49 | |
---|
50 | {if $b2f_transition == "fade"} |
---|
51 | jQuery("img#theMainImage").hide(); |
---|
52 | jQuery("img#theVersoImage").fadeOut(400, function() {ldelim} |
---|
53 | jQuery("img#theMainImage").fadeIn(400); |
---|
54 | }); |
---|
55 | {else} |
---|
56 | jQuery("img#theVersoImage").hide(); |
---|
57 | jQuery("img#theMainImage").show(); |
---|
58 | {/if} |
---|
59 | |
---|
60 | jQuery(this).data("what", "front"); |
---|
61 | jQuery(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}'); |
---|
62 | |
---|
63 | {if $b2f_switch_mode == "click"} |
---|
64 | } |
---|
65 | }); |
---|
66 | {else} |
---|
67 | }); |
---|
68 | {/if} |
---|
69 | {/footer_script} |
---|