Changeset 29398

Timestamp:

Sep 4, 2014, 10:52:29 AM (10 years ago)

Author:

JanisV

Message:

Improve captions

File:

• extensions/Fotorama/template/slideshow.tpl (modified) (4 diffs)

extensions/Fotorama/template/slideshow.tpl

@@ -30 +30 @@
         data-allowfullscreen="{$Fotorama['allowfullscreen']}" data-autoplay="{if $Fotorama['autoplay']}true{else}false{/if}"
         data-transition="{$Fotorama['transition']}" data-stopautoplayontouch="{if $Fotorama['stopautoplayontouch']}true{else}false{/if}"
-        data-loop="{if $Fotorama['loop']}true{else}false{/if}">
+        data-loop="{if $Fotorama['loop']}true{else}false{/if}" data-captions="false">
       {foreach from=$items item=thumbnail}
         <a href="{$thumbnail['derivative']->get_url()}"
-          data-full="{$thumbnail['derivative_big']->get_url()}" data-url="{$thumbnail['url']}" data-title="{$thumbnail['TITLE']}"{if $Fotorama['enable_caption']} data-caption="{$thumbnail['TITLE']}"{/if}>
+          data-full="{$thumbnail['derivative_big']->get_url()}" data-url="{$thumbnail['url']}" data-caption="{$thumbnail['TITLE']}">
           {if $Fotorama['nav'] == 'thumbs' || $Fotorama['fullscreen_nav'] == 'thumbs'}<img src="{$thumbnail['derivative_thumb']->get_url()}">{/if}
         </a>
@@ -52 +52 @@
                 history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow=');
                 jQuery('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']);
-                jQuery('#slideshow .showtitle').text(fotorama.activeFrame['title']);
+                jQuery('#slideshow .showtitle').text(fotorama.activeFrame['caption']);
                 jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/'+{/literal}{count($items)}{literal});
-                document.title = fotorama.activeFrame['title'] + ' | {/literal}{$GALLERY_TITLE|@escape:javascript}{literal}';
+                document.title = fotorama.activeFrame['caption'] + ' | {/literal}{$GALLERY_TITLE|@escape:javascript}{literal}';
               }
             }
@@ -61 +61 @@
             function (e, fotorama, extra) {
               fotorama.setOptions({
-                nav: "{/literal}{$Fotorama['fullscreen_nav']}{literal}"
+                nav: "{/literal}{$Fotorama['fullscreen_nav']}{literal}",
+                {/literal}{if $Fotorama['enable_caption']}{literal}
+                captions: "true",
+                {/literal}{/if}{literal}
               });
               fotorama.startAutoplay();
@@ -76 +79 @@
 
               fotorama.setOptions({
-                nav: "{/literal}{$Fotorama['nav']}{literal}"
+                nav: "{/literal}{$Fotorama['nav']}{literal}",
+                {/literal}{if $Fotorama['enable_caption']}{literal}
+                captions: "false",
+                {/literal}{/if}{literal}
               });
 
               history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow=');
               jQuery('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']);
-              jQuery('#slideshow .showtitle').text(fotorama.activeFrame['title']);
+              jQuery('#slideshow .showtitle').text(fotorama.activeFrame['caption']);
               jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/'+{/literal}{count($items)}{literal});
-              document.title = fotorama.activeFrame['title'] + ' | {/literal}{$GALLERY_TITLE|@escape:javascript}{literal}';
+              document.title = fotorama.activeFrame['caption'] + ' | {/literal}{$GALLERY_TITLE|@escape:javascript}{literal}';
 
               fullscreen = false;