JQuery colorbox doesn't look right the first time and then fine after that

Question

I am trying to dynamically (using ajax) get some content and create modal with it (using the colorbox plugin). The problem is that the content has multiple images in it. I think that the modal does not take them into account in calculating the height or width or something like that. Therefore, if you close the modal and then open it, it looks great. (The first time you open it, it has scrollbars to access the rest of the modal model).

Ideas?

Answer 1

Looks like you just need to add the height and width attributes of the image. For instance:

<img src="/path/to/image.jpg" width="100px" height="100px" />

Answer 2

@Matthew, :

: , Ajax, DOM ColorBox . , .

, .

ColorBox, , , , , .

. http://colorpowered.com/colorbox .

Answer 3

:

jQuery('.colorbox').colorbox({
  width:700,
  height:460
});

Answer 4

:

jQuery('.colorbox').colorbox({
        onComplete: function () {
            $(this).colorbox.resize();
        }
});