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 | $("img#theVersoImage").hide(); |
---|
32 | |
---|
33 | {if $b2f_transition == "fade"} |
---|
34 | $("img#theMainImage").fadeOut(400, function() {ldelim} |
---|
35 | $("img#theVersoImage").fadeIn(400); |
---|
36 | }); |
---|
37 | {else} |
---|
38 | $("img#theMainImage").hide(); |
---|
39 | $("img#theVersoImage").show(); |
---|
40 | {/if} |
---|
41 | |
---|
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} |
---|
47 | {else} |
---|
48 | }, function() {ldelim} |
---|
49 | {/if} |
---|
50 | |
---|
51 | $("img#theMainImage").hide(); |
---|
52 | |
---|
53 | {if $b2f_transition == "fade"} |
---|
54 | $("img#theVersoImage").fadeOut(400, function() {ldelim} |
---|
55 | $("img#theMainImage").fadeIn(400); |
---|
56 | }); |
---|
57 | {else} |
---|
58 | $("img#theVersoImage").hide(); |
---|
59 | $("img#theMainImage").show(); |
---|
60 | {/if} |
---|
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"} |
---|
66 | } |
---|
67 | }); |
---|
68 | {else} |
---|
69 | }); |
---|
70 | {/if} |
---|
71 | {/footer_script} |
---|