Prettyphoto不斷變化的燈箱高度和寬度

我試圖修改圖像框的高度和寬度，當我點擊一個縮略圖但沒有任何成功時打開。Prettyphoto不斷變化的燈箱高度和寬度

這是到目前爲止我的代碼

@for (int i = 0; i < Model.count; i++) 
{ 
    <a href= "@Url.Action("GetImage", "Image", new { id = i })" rel="prettyPhoto[pp_gal]"> 
    <img src= "@Url.Action("GetImage", "Image", new { id = i })" alt="Image @(i+1)" width="240" height="240" /></a> 
}  
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a[rel^='prettyPhoto']").prettyPhoto({ 
      autoplay_slideshow: false, 
      show_title: true, 
      default_width: 300, //I have tried playing with these values 
      default_height: 200, //I have tried playing with these values 
      theme: 'pp_default', 
      overlay_gallery: false,     
      social_tools: false 
     }); 
    }); 
</script>

任何幫助，將不勝感激。

來源

2012-01-30 brasewel

我也試過，但同樣沒有運氣。

所以做了一些作弊:)

檢查PrettyPhoto.css文件/css/prettyPhoto.css搜索div.pp_pic_holder與!important

Ex.width: 825px !important;

乾杯應用要求的寬度！

來源

2012-10-03 05:30:28

在jquery.prettyPhoto.js，您應該修改以下變量：

imageWidth = v-200; // change to -30 
imageHeight = d-200; // change to -90

來源

2014-07-19 19:21:25 mayco

簡單的方法輕鬆地控制使用CSS

div.pp_pic_holder { width: 300px!important; } 
.pp_content { width: 275px!important; } 
a.pp_close { right: 60%; } 
div.pp_pic_holder { left: 40%!important; }

來源

2016-07-25 13:16:59

Prettyphoto不斷變化的燈箱高度和寬度

回答

相關問題