如何啓用雙擊事件fotorama滑塊，使全屏幕

Question

如何實現雙擊事件fotorama滑塊，使全屏幕，就像我們所看到的在右上角

Answer 1

你可以使用這個jQuery事件http://api.jquery.com/dblclick/執行此功能

fotorama.requestFullScreen（）

記住，你應該在API的報頭手動初始化fotorama你可以看到如何做到這一點。

下面是一個例子給你！

http://jsfiddle.net/meickol/8dv7k/你如何看待很容易！祝你好運！

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. Get the API object. 
    var fotorama = $fotoramaDiv.data('fotorama'); 


jQuery('.fotorama').dblclick(function(){ 
    fotorama.requestFullScreen(); 

}); 

</script>