Ignore:
Timestamp:
03/19/11 22:41:40 (9 years ago)
Author:
mistic100
Message:

[extensions] Front2Back

  • compatibility with 2.2.0
  • jQuery method for swap
  • localisation
File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/Front2Back/Front2Back.tpl

    r3339 r9782  
    1 {html_head} 
    2 <link rel="stylesheet" type="text/css" href="{$F2B_PATH|@cat:'Front2Back.css'}">  
    3 {/html_head}  
    4 <br /> 
    5 <a class="reverse" href="#"> 
    6   {'Front2Back'|@translate} 
    7   <span style="top: -{$verso.VSHIFT_IMG}px; left: -{$verso.HSHIFT_IMG}px;"> 
    8     <img src="{$verso.VERSO_URL}" 
    9           style="width:{$verso.WIDTH_IMG}px;height:{$verso.HEIGHT_IMG}px;" 
    10           alt="Verso" /> 
    11     <br /> 
    12     <!-- 
    13     Dynamic Drive 
    14     <img src="http://www.dynamicdrive.com/cssexamples/media/dynamicdrive.gif" /> 
    15     --> 
    16   </span> 
     1{combine_script id="jquery"} 
     2{combine_css path=$F2B_PATH|@cat:"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}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}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}rotate_1.png"/> 
     44        {'Front2Back_back'|@translate} 
    1745</a> 
    18 <div style="clear: both;"></div> 
Note: See TracChangeset for help on using the changeset viewer.