source: extensions/Back2Front/template/picture_content.tpl @ 21212

Last change on this file since 21212 was 21212, checked in by mistic100, 8 years ago

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

File size: 2.7 KB
Line 
1{combine_css path=$B2F_PATH|@cat:"template/style.css"}
2
3{if !$verso.selected_derivative->is_cached() && $current.selected_derivative->is_cached}
4{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
5{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
6{footer_script}var error_icon = "{$ROOT_URL}{$themeconf.icon_dir}/errors_small.png"{/footer_script}
7{/if}
8
9
10{if $b2f_position != "toolbar"}<div>{/if}
11<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}>
12  <img src="{$ROOT_URL}{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}
13</a>
14{if $b2f_position != "toolbar"}</div>{/if}
15
16<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}">
17
18
19{footer_script require="jquery"}
20jQuery("#derivativeSwitchLink").hide();
21jQuery(".reverse").css("display", "inline-block");
22jQuery("img#theVersoImage").insertAfter(jQuery("img#theMainImage"));
23
24{if $b2f_switch_mode == "click"}
25  jQuery(".reverse").click(function() {ldelim}
26    if (jQuery(this).data("what") == "front") {ldelim}
27{else}
28  jQuery(".reverse").hover(function() {ldelim}
29{/if}
30
31      $("img#theVersoImage").hide();
32     
33    {if $b2f_transition == "fade"}
34      $("img#theMainImage").fadeOut(400, function() {ldelim}
35        $("img#theVersoImage").fadeIn(400);
36      });
37    {else}
38      $("img#theMainImage").hide();
39      $("img#theVersoImage").show();
40    {/if}
41   
42      $(this).data("what", "back");
43      $(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_2.png"/> {$b2f_see_front}');
44
45{if $b2f_switch_mode == "click"}
46    } else if (jQuery(this).data("what") == "back") {ldelim}
47{else}
48  }, function() {ldelim}
49{/if}
50   
51      $("img#theMainImage").hide();
52   
53    {if $b2f_transition == "fade"}
54      $("img#theVersoImage").fadeOut(400, function() {ldelim}
55        $("img#theMainImage").fadeIn(400);
56      });
57    {else}
58      $("img#theVersoImage").hide();
59      $("img#theMainImage").show();
60    {/if}
61   
62      $(this).data("what", "front");
63      $(this).html('<img src="{$ROOT_URL}{$B2F_PATH}template/rotate_1.png"/> {$b2f_see_back}');
64
65{if $b2f_switch_mode == "click"}
66    }
67  });
68{else}
69  });
70{/if}
71{/footer_script}
Note: See TracBrowser for help on using the repository browser.