Prettyphoto изменяет высоту и ширину лайтбокса - PullRequest
Новая
       8

Prettyphoto изменяет высоту и ширину лайтбокса

1 голос
/ 30 января 2012

Я пытаюсь изменить высоту и ширину поля изображения, которое открывается, когда я нажимаю на миниатюру, но не имело успеха.

Это мой код до сих пор 

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

Любая помощь будет оценена.

Ответы [ 4 ]

2 голосов
/ 19 июля 2014

В jquery.prettyPhoto.js вы должны изменить следующие переменные: 

imageWidth = v-200;  // change to -30
imageHeight = d-200; // change to -90
0 голосов
/ 16 апреля 2018

Вы можете использовать allow_resize: false, он будет отображать ваш оригинальный размер изображения после клика.для миниатюрного изображения вам нужно использовать CSS класс

allow_resize: false , / * Изменить размер фотографий больше, чем размер области просмотра.true / false * /

попробуйте это.вот так у меня это получилось =)

0 голосов
/ 25 июля 2016

Простой способ легко управлять с помощью 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; }
0 голосов
/ 03 октября 2012

Я тоже пытался, но тоже не повезло.

Как и некоторые измены:)

Проверьте PrettyPhoto.css file /css/prettyPhoto.css Найдите div.pp_pic_holder и примените требуемую ширину с !important

Ex.width: 825px !important;

Ура !!!

...