$('a.enlarge').click(function() {
        $('#modal-image').modal({
            overlayClose: true,
            opacity: 50,
            minHeight: 462,
            minWidth: 656,
            overlayCss: {
                backgroundColor: '#fff'
            },
            appendTo: '#the-media'
        });

        return false;
    });


<div id="modal-image" style="display:none">
   <img src="someimage.jpg" width="462" height="656" id="myImage" />
</div>

Obraz jest 462px x 656px, ale Simpremodal utrzymuje skalowanie do 620px x 656px. Próbowałem dodać argumenty Minheight i Minwidth do JS i atrybuty szerokości i wysokości do znacznika obrazu, a nawet tego CSS:

#myImage { width: 462px !important; height: 656px !important; }

Ale żaden z tego nie działa, obraz utrzymuje się zmienia rozmiar mojego simpremodału. W każdym razie, aby temu zapobiec? Raczej mam modalny lightbox pokazać oryginalną wysokość obrazu i szerokość obrazu, ale paski przewijania, jeśli jest zbyt duża, aby zmieścić się w modalnym.

0
TK123 1 grudzień 2011, 00:37

3 odpowiedzi

Najlepsza odpowiedź

Few, w końcu dostałem go do pracy, dodając to do tagu obrazu:

<img src="someimage.jpg" width="462" height="656" style="width: 462px !important; height: 656px !important" />

Zasadniczo musiał przenieść inline CSS, prosty modal prawdopodobnie zmienia to stylizacja, aby skalować obrazy. Chociaż, kiedy spojrzałem na Firebugs HTML Tab, nie widziałem żadnych dodatkowych stylów dodanych przez prosty modal do tagu obrazu, dlatego byłem oszołomiony. Więc nie jestem pewien, dlaczego to działa, ale tak, pomyślałem, że go publikuję, gdyby ktoś inny ma ten sam problem.

-1
TK123 3 grudzień 2011, 21:19

Prosty modal obsługuje również maxWidth i maxHeight i maxHeight zgodnie z Dokumentacja , jeśli ustawisz te, a także minWidth i minHeight powinieneś skutecznie zmuszać rozmiar modalności.

Nie mogę komentować, czy automatycznie dodaje pasek przewijania, ale możesz skierować się do elementu w CSS i zastosować overflow:auto; do elementu pojemnika obrazu, jeśli nie.

1
Clive 30 listopad 2011, 20:50

Z dokumentacji wygląda na to, że masz na celu zastosowanie CSS za pomocą containerCss. Ponadto właściwości CSS w jQuery są zwykle owinięte jako łańcuchy.

0
Jezen Thomas 30 listopad 2011, 20:52