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

Timestamp:

Mar 5, 2013, 4:53:11 PM (11 years ago)

Author:

mistic100

Message:

update for Piwigo 2.5, multisize is disabled for photos with verso

File:

• extensions/Back2Front/template/picture_content.tpl (modified) (2 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"}
+
+{if !$verso.selected_derivative->is_cached() && $current.selected_derivative->is_cached}
+{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
+{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
+{footer_script}var error_icon = "{$ROOT_URL}{$themeconf.icon_dir}/errors_small.png"{/footer_script}
+{/if}
+
+
+{if $b2f_position != "toolbar"}<div>{/if}
+<a class="reverse" data-what="front" rel="nofollow" class="pwg-state-default pwg-button" title="{$b2f_see_back}" {if $b2f_position == "toolbar"}style="border:none !important;"{/if}>
+  <img src="{$ROOT_URL}{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}
+</a>
+{if $b2f_position != "toolbar"}</div>{/if}
+
+<img {if $verso.selected_derivative->is_cached()}src="{$verso.selected_derivative->get_url()}" {$verso.selected_derivative->get_size_htm()}{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax_loader.gif" data-src="{$verso.selected_derivative->get_url()}"{/if} alt="{$ALT_IMG}" id="theVersoImage" usemap="#map{$current.selected_derivative->get_type()}" title="{if isset($COMMENT_IMG)}{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}{else}{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}{/if}">
+
 
 {footer_script require="jquery"}
-jQuery(document).ready(function () {ldelim}
+jQuery("#derivativeSwitchLink").hide();
+jQuery(".reverse").css("display", "inline-block");
+jQuery("img#theVersoImage").insertAfter(jQuery("img#theMainImage"));
 
-{if $b2f_switch_mode == 'click'}
-  jQuery('.reverse').click(function() {ldelim}
-    if (jQuery(this).attr('rel') == 'front') {ldelim}
+{if $b2f_switch_mode == "click"}
+  jQuery(".reverse").click(function() {ldelim}
+    if (jQuery(this).data("what") == "front") {ldelim}
 {else}
-  jQuery('.reverse').hover(function() {ldelim}
+  jQuery(".reverse").hover(function() {ldelim}
 {/if}
 
-      /* picture switch */
-    {if $b2f_transition == 'fade'}
-      jQuery('img#theMainImage').animate({ldelim}
-        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}
-          opacity:1
-        }, 400);
+      $("img#theVersoImage").hide();
+      
+    {if $b2f_transition == "fade"}
+      $("img#theMainImage").fadeOut(400, function() {ldelim}
+        $("img#theVersoImage").fadeIn(400);
       });
     {else}
-      jQuery('img#theMainImage').attr({ldelim}
-        src: '{$VERSO_URL}',
-        style: 'max-width:{$WIDTH_IMG}px;max-height:{$HEIGHT_IMG}px;',
-      });
+      $("img#theMainImage").hide();
+      $("img#theVersoImage").show();
     {/if}
     
-    {if $b2f_switch_mode == 'click'}
-      /* hd link */
-      {if isset($VERSO_HD)}
-      jQuery('img#theMainImage').parent('a').attr({ldelim}
-        href: "javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')"
-      });
-      {/if}
-    
-      /* B2F link content */
-      jQuery(this).html('<img src="{$B2F_PATH}template/rotate_2.png"/> {$b2f_see_front}');
-      jQuery(this).attr('rel', 'back');
-    {/if}
-      
-{if $b2f_switch_mode == 'click'}
-    } else if (jQuery(this).attr('rel') == 'back') {ldelim}
+      $(this).data("what", "back");
+      $(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_2.png"/> {$b2f_see_front}');
+
+{if $b2f_switch_mode == "click"}
+    } else if (jQuery(this).data("what") == "back") {ldelim}
 {else}
   }, function() {ldelim}
 {/if} 
-
-      /* picture switch */
-    {if $b2f_transition == 'fade'}
-      jQuery('img#theMainImage').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}
-          opacity:1
-        }, 400);
+    
+      $("img#theMainImage").hide();
+    
+    {if $b2f_transition == "fade"}
+      $("img#theVersoImage").fadeOut(400, function() {ldelim}
+        $("img#theMainImage").fadeIn(400);
       });
     {else}
-      jQuery('img#theMainImage').attr({ldelim}
-        src: '{$SRC_IMG}',
-        style: 'width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;',
-      });
+      $("img#theVersoImage").hide();
+      $("img#theMainImage").show();
     {/if}
-      
-    {if $b2f_switch_mode == 'click'}
-      /* hd link */
-      {if isset($high.U_HIGH)}
-      jQuery('img#theMainImage').parent('a').attr({ldelim}
-        href: "javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')"
-      });
-      {/if}
-      
-      /* B2F link content */
-      jQuery(this).html('<img src="{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}');
-      jQuery(this).attr('rel', 'front');
-    {/if}
-      
-{if $b2f_switch_mode == 'click'}
+    
+      $(this).data("what", "front");
+      $(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}');
+
+{if $b2f_switch_mode == "click"}
     }
   });
@@ -90 +69 @@
   });
 {/if} 
-
-});
 {/footer_script}
-
-<img src="{$VERSO_URL}" style="display:none;"/> {* <!-- force preload the verso --> *}
-
-{if $b2f_position != 'toolbar'}<div>{/if}
-<a class="reverse" rel="front" class="pwg-state-default pwg-button" title="{$b2f_see_back}" {if $b2f_position == 'toolbar'}style="border:none !important;"{/if} 
-  {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}>
-  <img src="{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}
-</a>
-{if $b2f_position != 'toolbar'}</div>{/if}