[11217] | 1 | {combine_css path=$F2B_PATH|@cat:"template/style.css"} |
---|
| 2 | {combine_script id="jquery" load="header" path = "themes/default/js/jquery.min.js"} |
---|
[9782] | 3 | |
---|
| 4 | {footer_script require="jquery"} |
---|
[11217] | 5 | jQuery(document).ready(function () {ldelim} |
---|
| 6 | |
---|
| 7 | {if $F2B_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 $F2B_transition == 'fade'} |
---|
| 16 | jQuery('img[alt="{$ALT_IMG}"]').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[alt="{$ALT_IMG}"]').attr({ldelim} |
---|
| 29 | src: '{$VERSO_URL}', |
---|
| 30 | style: 'max-width:{$WIDTH_IMG}px;max-height:{$HEIGHT_IMG}px;', |
---|
| 31 | }); |
---|
| 32 | {/if} |
---|
| 33 | |
---|
| 34 | {if $F2B_switch_mode == 'click'} |
---|
| 35 | /* hd link */ |
---|
| 36 | {if isset($VERSO_HD)} |
---|
| 37 | jQuery('img[alt="{$ALT_IMG}"]').parent().attr({ldelim} |
---|
| 38 | href: "javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')" |
---|
| 39 | }); |
---|
| 40 | {/if} |
---|
| 41 | |
---|
| 42 | /* f2b link content */ |
---|
| 43 | jQuery(this).html('<img src="{$F2B_PATH}template/rotate_2.png"/> {$F2B_see_front}'); |
---|
| 44 | jQuery(this).attr('rel', 'back'); |
---|
| 45 | {/if} |
---|
| 46 | |
---|
| 47 | {if $F2B_switch_mode == 'click'} |
---|
| 48 | } else if (jQuery(this).attr('rel') == 'back') {ldelim} |
---|
| 49 | {else} |
---|
| 50 | }, function() {ldelim} |
---|
| 51 | {/if} |
---|
| 52 | /* picture switch */ |
---|
| 53 | {if $F2B_transition == 'fade'} |
---|
| 54 | jQuery('img[alt="{$ALT_IMG}"]').animate({ldelim} |
---|
| 55 | opacity:0 |
---|
| 56 | }, 400, function() {ldelim} |
---|
| 57 | jQuery(this).attr({ldelim} |
---|
| 58 | src: '{$SRC_IMG}', |
---|
| 59 | style: 'width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;', |
---|
| 60 | }); |
---|
| 61 | jQuery(this).animate({ldelim} |
---|
| 62 | opacity:1 |
---|
| 63 | }, 400); |
---|
| 64 | }); |
---|
| 65 | {else} |
---|
| 66 | jQuery('img[alt="{$ALT_IMG}"]').attr({ldelim} |
---|
| 67 | src: '{$SRC_IMG}', |
---|
| 68 | style: 'width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;', |
---|
| 69 | }); |
---|
| 70 | {/if} |
---|
| 71 | |
---|
| 72 | {if $F2B_switch_mode == 'click'} |
---|
| 73 | /* hd link */ |
---|
| 74 | {if isset($high.U_HIGH)} |
---|
| 75 | jQuery('img[alt="{$ALT_IMG}"]').parent().attr({ldelim} |
---|
| 76 | href: "javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')" |
---|
| 77 | }); |
---|
| 78 | {/if} |
---|
| 79 | |
---|
| 80 | /* f2b link content */ |
---|
| 81 | jQuery(this).html('<img src="{$F2B_PATH}template/rotate_1.png"/> {$F2B_see_back}'); |
---|
| 82 | jQuery(this).attr('rel', 'front'); |
---|
| 83 | {/if} |
---|
| 84 | |
---|
| 85 | {if $F2B_switch_mode == 'click'} |
---|
| 86 | } |
---|
| 87 | }); |
---|
| 88 | {else} |
---|
| 89 | }); |
---|
| 90 | {/if} |
---|
| 91 | |
---|
| 92 | }); |
---|
[9782] | 93 | {/footer_script} |
---|
| 94 | |
---|
[11217] | 95 | <img src="{$VERSO_URL}" style="display:none;"/> {* <!-- force preload the verso --> *} |
---|
| 96 | |
---|
| 97 | {if $F2B_position != 'toolbar'}<div>{/if} |
---|
| 98 | <a class="reverse" rel="front" {if $F2B_position == 'toolbar'}style="border:none !important;"{/if} {if $F2B_switch_mode == 'hover'}href="javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')"{/if}> |
---|
| 99 | <img src="{$F2B_PATH}template/rotate_1.png"/> {$F2B_see_back} |
---|
| 100 | </a> |
---|
| 101 | {if $F2B_position != 'toolbar'}</div>{/if} |
---|