1 | {combine_script id="jquery"} |
---|
2 | {combine_css path=$F2B_PATH|@cat:"template/Front2Back.css"} |
---|
3 | |
---|
4 | {footer_script require="jquery"} |
---|
5 | jQuery('.reverse').click(function() {ldelim} |
---|
6 | if (jQuery(this).attr('name') == 'front') {ldelim} |
---|
7 | /* picture attributes */ |
---|
8 | jQuery('#theImage img:first-child').attr({ldelim} |
---|
9 | src: '{$VERSO_URL}', |
---|
10 | style: 'width:;height:;', |
---|
11 | }); |
---|
12 | |
---|
13 | /* hd link atributes */ |
---|
14 | {if isset($VERSO_HD)} |
---|
15 | jQuery('#theImage a:first-child').attr({ldelim} |
---|
16 | href: "javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')" |
---|
17 | }); |
---|
18 | {/if} |
---|
19 | |
---|
20 | /* f2b link content */ |
---|
21 | jQuery(this).html('<img src="{$F2B_PATH}template/rotate_2.png"/> {'Front2Back_front'|@translate}'); |
---|
22 | jQuery(this).attr('name', 'back'); |
---|
23 | |
---|
24 | } else if (jQuery(this).attr('name') == 'back') {ldelim} |
---|
25 | jQuery('#theImage img:first-child').attr({ldelim} |
---|
26 | src: '{$SRC_IMG}', |
---|
27 | style: 'width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;', |
---|
28 | }); |
---|
29 | |
---|
30 | {if isset($VERSO_HD)} |
---|
31 | jQuery('#theImage a:first-child').attr({ldelim} |
---|
32 | href: "javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')')" |
---|
33 | }); |
---|
34 | {/if} |
---|
35 | |
---|
36 | jQuery(this).html('<img src="{$F2B_PATH}template/rotate_1.png"/> {'Front2Back_back'|@translate}'); |
---|
37 | jQuery(this).attr('name', 'front'); |
---|
38 | } |
---|
39 | }); |
---|
40 | {/footer_script} |
---|
41 | |
---|
42 | <a class="reverse" name="front"> |
---|
43 | <img src="{$F2B_PATH}template/rotate_1.png"/> |
---|
44 | {'Front2Back_back'|@translate} |
---|
45 | </a> |
---|