Hi,

I installed media gallery (7.x-1.0-beta8) which works well, but in firefox, when I click for the first time on a thumbnail, the picture displayed in colorbox appears very small.

with firebug, I saw that picture containers get stuck at a width of 250px, when the picture get a 900px width.

<div id="colorbox" class="cboxSlideshow_off" style="display: block; padding-bottom: 42px; padding-right: 42px; top: 320px; left: 686px; position: absolute; width: 250px; height: 239px; opacity: 1; cursor: auto;">
<div id="cboxWrapper" style="height: 281px; width: 292px;">
<div>
<div style="clear: left;">
<div id="cboxMiddleLeft" style="float: left; height: 239px;"></div>
<div id="cboxContent" style="float: left; width: 250px; height: 239px;">
<div id="cboxLoadedContent" style="display: block; width: 250px; overflow: auto; height: 211px;">
<img width="900" height="603" alt="" src="http://mathildanex.com/site/sites/default/files/styles/media_gallery_large/public/042%20copie%20blogspot.jpg">

When I close colorbox, then click again on the same picture, it finally display at the full width :

<div id="colorbox" class="cboxSlideshow_off" style="display: block; padding-bottom: 42px; padding-right: 42px; top: 227px; left: 361px; position: absolute; width: 900px; height: 674px; opacity: 1; cursor: auto;">
<div id="cboxWrapper" style="height: 716px; width: 942px;">
<div>
<div style="clear: left;">
<div id="cboxMiddleLeft" style="float: left; height: 674px;"></div>
<div id="cboxContent" style="float: left; width: 900px; height: 674px;">
<div id="cboxLoadedContent" style="display: block; width: 900px; overflow: auto; height: 646px;">
<img width="900" height="603" alt="" src="http://mathildanex.com/site/sites/default/files/styles/media_gallery_large/public/042%20copie%20blogspot.jpg">

This issue happens every time I go back on my site with Firefox, I have to click one first time on every pîcture in my gallery so that they can be displayed correctly after that.

On Chrome, no probleme, everything works fine, on IE... I don't wanna talk about IE :)

If someone can help me to find and fix this issue, i'll be glad !

Thanks

Comments

jotarp’s picture

It seems to be a Theme issue.
http://drupal.org/node/1421258#comment-5684828

In theme Pixture Reloaded, removing height:auto for img fixed it.

mariusm’s picture

#1 it's work for me

Thanks

b.one’s picture

work for me too !

thx

jordilopezamat’s picture

#1 Seems to solve the problem , but has secondary effects in other site images

Have tried

https://www.drupal.org/node/1851848#comment-6916220

, despite being a a radically diferent option in terms of format&design
it works fine for me.

Thanks

ivnish’s picture

Status: Active » Closed (outdated)