How to enable double click event to fotorama slider to make full screen -

how enable double click event fotorama slider make full screen, seeing on right top corner

you can use jquery events http://api.jquery.com/dblclick/ execute function

fotorama.requestfullscreen()

remember should initialize fotorama manually in header of api can see how it.

here example !

http://jsfiddle.net/meickol/8dv7k/ how see easy! luck!

html

   <base href="http://fotorama.s3.amazonaws.com/i/okonechnikov/">  <!-- fotorama --> <div class="fotorama_custom" data-width="700" data-ratio="700/467" data-max-width="100%">   <img src="1-lo.jpg">   <img src="2-lo.jpg">   <img src="9-lo.jpg">   <img src="6-lo.jpg">   <img src="5-lo.jpg"> </div> 

script

<script>      // 1. initialize fotorama manually. var $fotoramadiv = jquery('.fotorama_custom').fotorama({   click:false,   allowfullscreen:true, });      // 2. api object.     var fotorama = $fotoramadiv.data('fotorama');   jquery('.fotorama').dblclick(function(){     fotorama.requestfullscreen();  });  </script>