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
Comment #1
jotarp CreditAttribution: jotarp commentedIt seems to be a Theme issue.
http://drupal.org/node/1421258#comment-5684828
In theme Pixture Reloaded, removing height:auto for img fixed it.
Comment #2
mariusm CreditAttribution: mariusm commented#1 it's work for me
Thanks
Comment #3
b.one CreditAttribution: b.one commentedwork for me too !
thx
Comment #4
jordilopezamat CreditAttribution: jordilopezamat commented#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
Comment #5
ivnish CreditAttribution: ivnish commented