Changeset 11219 for extensions/Back2Front/template/picture_content.tpl

Timestamp:

Jun 3, 2011, 6:09:08 PM (13 years ago)

Author:

mistic100

Message:

add some options, better intégration

File:

• extensions/Back2Front/template/picture_content.tpl (modified) (7 diffs)

extensions/Back2Front/template/picture_content.tpl

@@ -1 +1 @@
 {combine_css path=$B2F_PATH|@cat:"template/style.css"}
+{combine_script id="jquery" load="header" path = "themes/default/js/jquery.min.js"}
 
 {footer_script require="jquery"}
@@ -16 +17 @@
         opacity:0
       }, 400, function() {ldelim}
+        jQuery(this).attr({ldelim}
+          src: '{$VERSO_URL}',
+          style: 'max-width:{$WIDTH_IMG}px;max-height:{$HEIGHT_IMG}px;',
+        });
         jQuery(this).animate({ldelim}
-          width:'{$VERSO_WIDTH}px',
-          height:'{$VERSO_HEIGHT}px'
-        }, 200, function() {ldelim}
-            jQuery(this).attr('src', '{$VERSO_URL}');
-            jQuery(this).animate({ldelim}
-              opacity:1
-            }, 400);
-        });
+          opacity:1
+        }, 400);
       });
     {else}
       jQuery('img[alt="{$ALT_IMG}"]').attr({ldelim}
         src: '{$VERSO_URL}',
-        style: 'width:{$VERSO_WIDTH}px;height:{$VERSO_HEIGHT}px;',
+        style: 'max-width:{$WIDTH_IMG}px;max-height:{$HEIGHT_IMG}px;',
       });
     {/if}
@@ -42 +41 @@
     
       /* B2F link content */
-      jQuery(this).html('<img src="{$B2F_PATH}template/rotate_2.png"/> {'See front'|@translate}');
+      jQuery(this).html('<img src="{$B2F_PATH}template/rotate_2.png"/> {$b2f_see_front}');
       jQuery(this).attr('rel', 'back');
     {/if}
@@ -52 +51 @@
 {/if} 
 
+      /* picture switch */
     {if $b2f_transition == 'fade'}
       jQuery('img[alt="{$ALT_IMG}"]').animate({ldelim}
         opacity:0
       }, 400, function() {ldelim}
+        jQuery(this).attr({ldelim}
+          src: '{$SRC_IMG}',
+          style: 'width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;',
+        });
         jQuery(this).animate({ldelim}
-          width:'{$WIDTH_IMG}px',
-          height:'{$HEIGHT_IMG}px'
-        }, 200, function() {ldelim}
-            jQuery(this).attr('src', '{$SRC_IMG}');
-            jQuery(this).animate({ldelim}
-              opacity:1
-            }, 400);
-        });
+          opacity:1
+        }, 400);
       });
     {else}
@@ -74 +72 @@
       
     {if $b2f_switch_mode == 'click'}
+      /* hd link */
       {if isset($high.U_HIGH)}
       jQuery('img[alt="{$ALT_IMG}"]').parent().attr({ldelim}
@@ -80 +79 @@
       {/if}
       
-      jQuery(this).html('<img src="{$B2F_PATH}template/rotate_1.png"/> {'See back'|@translate}');
+      /* B2F link content */
+      jQuery(this).html('<img src="{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}');
       jQuery(this).attr('rel', 'front');
     {/if}
@@ -94 +94 @@
 {/footer_script}
 
-<img src="{$VERSO_URL}" style="display:none;"> {* <!-- force preload the verso --> *}
+<img src="{$VERSO_URL}" style="display:none;"/> {* <!-- force preload the verso --> *}
 
-<a class="reverse" rel="front" name="verso-link" {if $b2f_switch_mode == 'hover'}href="javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')"{/if}>
-  <img src="{$B2F_PATH}template/rotate_1.png"/> {'See back'|@translate}
+{if $b2f_position != 'toolbar'}<div>{/if}
+<a class="reverse" rel="front" {if $b2f_position == 'toolbar'}style="border:none !important;"{/if} {if $b2f_switch_mode == 'hover'}href="javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')"{/if}>
+  <img src="{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}
 </a>
-<br/>
+{if $b2f_position != 'toolbar'}</div>{/if}