Question

我正在尝试修改当我点击缩略图但没有取得任何成功时打开的图像框的高度和宽度。

这是我目前的代码

@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>

任何帮助都将不胜感激。

Answer 1

在jquery.prettyPhoto.js中，您应修改以下变量：

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

Answer 2

我也试过，但同样没有运气。

做了一些作弊：）

检查PrettyPhoto.css档/css/prettyPhoto.css搜索div.pp_pic_holder并使用!important

应用所需的宽度

Ex.width: 825px !important;

干杯!!!

Answer 3

使用css轻松控制的简单方法

        var point = myBorder.PointToScreen(new Point());

Answer 4

您可以使用allow_resize：false，点击后会显示原始图片尺寸。对于缩略图，您需要使用CSS类

allow_resize：false ，/ *调整大于视口的照片大小。是/否* /

试试这个。这就是我让它为我工作的原因=）

Prettyphoto改变lightbox高度和宽度

4 个答案: