i have small problem with (of course) IE. IE cannot load image, but another browser this image can load good. IE is writing to developer console message: Cannot decode image on URL .
Images are static JPG or PNG and his URL is writen in HTML code. Page is local.
Where is a problem?
IE11, in emulation every versions, Windows 8.1 Update 1 64b
<img src="img/4.png" />
The source code posted (seen in right click > show source code) to browsers is in IE and another same.
I resave this images, and now it function good.
Related
Long time browser, first time caller....
I have recently re-written my website to use responsive images (which I am new to), but my s7 chrome seems to always load the "medium" sized image, which is the default src.
I have tried clearing cache and using incognito. It still appears that the medium image is loading, although the only way I'm deducing that is by selecting the image and loading in a new tab and reading the url. I'm not sure if this is accurate.
I've also tried changing the default src to the small image, but the medium is still loading.
However, on FF and Chrome desktop, even with developer tools set to mobile device, it seems to work correctly. Here's the relevant code:
<img
class="vertical"
src="../galleryphotos/doveinsnow_medium.jpg"
sizes=" (max-width: 675px) 271px,
(max-width: 1920px) 620px,
(min-width: 1921px) 1240px,
100vw"
srcset="../galleryphotos/doveinsnow_small.jpg 271w,
../galleryphotos/doveinsnow_medium.jpg 620w,
../galleryphotos/doveinsnow_large.jpg 1240w"
alt="Dove In Snow photograph"/>
Here is a link to the page with the above image, although every page on the site behaves the same way:
http://herschbachphotography.com/gallery_index/doveinsnow.html
What am I missing?
As far as I can see, everything is working well. I checked with Chrome Version 69.0.3497.100 (Official Build) (64-bit) and I can see all 3 versions of your image if I change the viewport from 675px to more than 1920px.
Here are 2 ways you could confirm which image is being shown.
If you place a different marker on each of the 3 images it will be easy to tell which one is being displayed.
Another way is to use Web Inspector (from within your browser, right click on your page then choose 'inspect')
Click the network tab, select img, then reload the page. You'll get full details of all the images on the page.
I hope this helps!
In AS3 I am loading an image at runtime using loaderContainer.load(new URLRequest(nameofpic)). The image loads perfectly fine, but then I need to copy the image into a number (24) of MCs and this is where it gets tricky.
The problem is, I can run it perfectly fine in preview mode, got all the 24 copies, but whenever I try running it in Firefox or IE, the images aren't displayed. No errors, just blank spaces.
It works with images present when exporting, both on stage or in the library -- their copies are visible in both preview mode and in the browser, but the browser doesn't want to work with dynamically loaded images
I have tried the draw() method as well as bitmapData.clone and again, they seem not to work in the browser, while they're fine in the preview mode.
Do you know what causes the problem and/if there is a list of more of such bugs?
DB
I have a background image that loads mostly, but half of the time there is a pice missing from the image and you have to refresh the page to get the entire image to show. Could the image I'm using be corrupt or broken? Or could the problem be somewhere else. I am using a mac and google chrome.
here is the link: http://wlsnook.staging.wpengine.com/
I'm using 2 elastisliders on a web page and everything works fine in firefox, chrome, safari, ie8 and 10 but in ie9 some images fail to load. The images which are failing to load are random (a page refresh results in different images failing to load). When I left-click and select "show image" the image appears just fine. I already added a image loading script written for IE specific but this doesn't seem to help. anyone?
We have an webbapplication that takes an image that will be uploaded and resized.
The resize-library we used saved all pictures with 32-bit depth whatever the depth was before.
We have an online client that can view the pictures via an html-file and all is fine there. All pictures are shown correctly.
The problem:
We also have an vb-winform application that download the pictures and show them in an html-file locally in an webbrowser control. But here all pictures are rejected (not rendered), just the red cross. If we create an static html-file with img-tags in them locally, its the same. All pictures that has 32-bits depth are shown as red crosses.
If we resave the pictures with 24-bits depth it magically works again. So ofcourse that was our "workaround", let the resize-library save all pictures with 24-bits depth instead.
Summary:
32-bits jpg files shows correct in IE when online but not when referenced locally in a local html-file. (This is true for IE8 on both winxp and windows7). The same local html-file opened in mozilla showed OK.
Question:
I have googled this a lot but has not found anything about this "problem". Is this a bug in IE8?
I have exactly the same problem with my own webapplication.
This isn't only a problem from IE8 but a lot of other browsers can't support the 32 bit depth on a jpg file.
For the while, no solution exist. Try to convert your picture in a 24 bit depth. Or wait for IE9.0 that comes soon. It's the only way you have.