1 | {combine_css path=$B2F_PATH|@cat:"template/style.css"} |
---|
2 | {combine_script id="jquery" load="header" path = "themes/default/js/jquery.min.js"} |
---|
3 | |
---|
4 | {footer_script require="jquery"} |
---|
5 | jQuery(document).ready(function () {ldelim} |
---|
6 | |
---|
7 | {if $b2f_switch_mode == 'click'} |
---|
8 | jQuery('.reverse').click(function() {ldelim} |
---|
9 | if (jQuery(this).attr('rel') == 'front') {ldelim} |
---|
10 | {else} |
---|
11 | jQuery('.reverse').hover(function() {ldelim} |
---|
12 | {/if} |
---|
13 | |
---|
14 | /* picture switch */ |
---|
15 | {if $b2f_transition == 'fade'} |
---|
16 | jQuery('img#theMainImage').animate({ldelim} |
---|
17 | opacity:0 |
---|
18 | }, 400, function() {ldelim} |
---|
19 | jQuery(this).attr({ldelim} |
---|
20 | src: '{$VERSO_URL}', |
---|
21 | style: 'max-width:{$WIDTH_IMG}px;max-height:{$HEIGHT_IMG}px;', |
---|
22 | }); |
---|
23 | jQuery(this).animate({ldelim} |
---|
24 | opacity:1 |
---|
25 | }, 400); |
---|
26 | }); |
---|
27 | {else} |
---|
28 | jQuery('img#theMainImage').attr({ldelim} |
---|
29 | src: '{$VERSO_URL}', |
---|
30 | style: 'max-width:{$WIDTH_IMG}px;max-height:{$HEIGHT_IMG}px;', |
---|
31 | }); |
---|
32 | {/if} |
---|
33 | |
---|
34 | {if $b2f_switch_mode == 'click'} |
---|
35 | /* hd link */ |
---|
36 | {if isset($VERSO_HD)} |
---|
37 | jQuery('img#theMainImage').parent('a').attr({ldelim} |
---|
38 | href: "javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')" |
---|
39 | }); |
---|
40 | {/if} |
---|
41 | |
---|
42 | /* B2F link content */ |
---|
43 | jQuery(this).html('<img src="{$B2F_PATH}template/rotate_2.png"/> {$b2f_see_front}'); |
---|
44 | jQuery(this).attr('rel', 'back'); |
---|
45 | {/if} |
---|
46 | |
---|
47 | {if $b2f_switch_mode == 'click'} |
---|
48 | } else if (jQuery(this).attr('rel') == 'back') {ldelim} |
---|
49 | {else} |
---|
50 | }, function() {ldelim} |
---|
51 | {/if} |
---|
52 | |
---|
53 | /* picture switch */ |
---|
54 | {if $b2f_transition == 'fade'} |
---|
55 | jQuery('img#theMainImage').animate({ldelim} |
---|
56 | opacity:0 |
---|
57 | }, 400, function() {ldelim} |
---|
58 | jQuery(this).attr({ldelim} |
---|
59 | src: '{$SRC_IMG}', |
---|
60 | style: 'width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;', |
---|
61 | }); |
---|
62 | jQuery(this).animate({ldelim} |
---|
63 | opacity:1 |
---|
64 | }, 400); |
---|
65 | }); |
---|
66 | {else} |
---|
67 | jQuery('img#theMainImage').attr({ldelim} |
---|
68 | src: '{$SRC_IMG}', |
---|
69 | style: 'width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;', |
---|
70 | }); |
---|
71 | {/if} |
---|
72 | |
---|
73 | {if $b2f_switch_mode == 'click'} |
---|
74 | /* hd link */ |
---|
75 | {if isset($high.U_HIGH)} |
---|
76 | jQuery('img#theMainImage').parent('a').attr({ldelim} |
---|
77 | href: "javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')" |
---|
78 | }); |
---|
79 | {/if} |
---|
80 | |
---|
81 | /* B2F link content */ |
---|
82 | jQuery(this).html('<img src="{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}'); |
---|
83 | jQuery(this).attr('rel', 'front'); |
---|
84 | {/if} |
---|
85 | |
---|
86 | {if $b2f_switch_mode == 'click'} |
---|
87 | } |
---|
88 | }); |
---|
89 | {else} |
---|
90 | }); |
---|
91 | {/if} |
---|
92 | |
---|
93 | }); |
---|
94 | {/footer_script} |
---|
95 | |
---|
96 | <img src="{$VERSO_URL}" style="display:none;"/> {* <!-- force preload the verso --> *} |
---|
97 | |
---|
98 | {if $b2f_position != 'toolbar'}<div>{/if} |
---|
99 | <a class="reverse" rel="front" class="pwg-state-default pwg-button" title="{$b2f_see_back}" {if $b2f_position == 'toolbar'}style="border:none !important;"{/if} |
---|
100 | {if $b2f_switch_mode == 'hover' and isset($VERSO_HD)}href="javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')"{/if}> |
---|
101 | <img src="{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back} |
---|
102 | </a> |
---|
103 | {if $b2f_position != 'toolbar'}</div>{/if} |
---|