image tag defaulting to 0 x 0 pixel

detail · 2014-07-28 11:03:32

I ran this over at Google+ but didn’t get much useful response, well, it’s not yet solved.

I’m having the whacky-est thing happening with one of my textpattern sites. tramping.net.nz

I have two quite big Txp websites which use the same jquery routine to pop up a major slideshow at the top of each page. One website works perfectly in all browsers, the other works perfectly with FF and Safari, but there is a problem in Chrome.

I can see the image load on each page, in Chrome, but then as it finishes loading the image disappears. The image might not be visible but pop up caption still is, as is the navigation dots to show which image of the 3 is currently should be showing.

Here’s the thing.

I haven’t changed anything recently that I can think that would cause this. The site was working OK earlier yesterday.
The images still load perfectly in FF and Safari.
The chrome developer interface says the images are there.
The Chrome Element Inspector says this which I think is the crux of it all “0 × 0 pixels (Natural: 1080 × 500 pixels)” so it looks like I am getting the image, just it is rendering at 0 × 0 pixels, ie, very small.
My other website with the same javascript slideshow routine work in Chrome.
When I’ve added the link to this post, the image shows up.
On some of the pages I have a popup slide show and they working.

I’ve restarted Chrome. Cleared the cache. Restarted the computer.
Upgraded to Txp 4.5.5.
Upgraded to jquery.1.10.1.js
Re uploaded the jquery showcase.js routine. Downgraded it. Copied the working version from the other website etc.
Looked at the pages, looked at the CSS, made comparisons.

Still the same.

I think the issue is what is creating this “0 × 0 pixels (Natural; 1080 × 500 pixels)” stuff. I have an image of this over on Google+.

Somehow Chrome just doesn’t show the main slideshow images. But Safari and Firefox does. The exact same page.

So I’ve listed it on the Chrome true believers forum, where it looks like questions are never answered. I’ve listed it at Stackoverflow as well but of course it might well get buried there, considering they get about 500 questions an hour, I will be about 3000 questions down after 6 hours.

Anyone ever encountered this, err, hidden image phenomenon, in a particular browser?

Or even where I might go to find an answer?

Last edited by detail (2014-07-28 11:04:45)

gaekwad · 2014-07-28 16:15:56

Any help? I found a few other results with a Google search, but they were all you…

Last edited by gaekwad (2014-07-28 16:16:13)

gaekwad · 2014-07-28 16:17:31

Also, check with the Chromium nightly/Canary build – does it still happen?

Last edited by gaekwad (2014-07-28 16:18:03)

michaelkpate · 2014-07-28 20:37:42

I checked it earlier in Chrome for Android – the image didn’t appear there either.

It loads correctly in IE 11.

detail · 2014-07-28 21:09:34

I have great relief in announcing that this has been resolved.

It seems that the latest version of Chrome was choking on this somewhat innocuous code in the CSS that it must have previously ignored.

img {
    width: 100%;
}

It also had a problem when I changed it to:

img {
    max-width: 100%;
}

Once I removed any reference to images in the CSS it works fine in all browsers. I think.

detail · 2014-07-28 21:28:38

gaekwad wrote #282504:

Also, check with the Chromium nightly/Canary build – does it still happen?

Thanks Pete.

It did have the same issue.

The problem only seems to have occurred using Chrome Version 36.0.1985.125 which was issued a few days ago.

Guess it’s a bug.

Hope everyone else’s images are functional in a greater than 0 × 0 pixel way.

detail · 2014-07-28 21:30:34

michaelkpate wrote #282505:

I checked it earlier in Chrome for Android – the image didn’t appear there either.

It loads correctly in IE 11.

Michael. Thanks for confirming that it was in fact an issue.

michaelkpate · 2014-07-29 00:48:11

Works on Chrome for Windows and Chrome for iOS and a couple of other random browsers I tried.

Think you definitely fixed it.

Congratulations.

Textpattern CMS

Textpattern CMS support forum

#1 2014-07-28 11:03:32