Images fail to load on my website on IE only - image

I just created a website ( http://www.kalif.ca ) for my business.
When I load the site in IE (in my specific case IE 8 on Win 7), on the main page, the only image that's loaded is the logo.
Any insights as to what might be happening would be greatly appreciated.

seems to me that getclicky and crazyegg javascript are slowing your site down but the main thing that sticks out is that you are giving your URL's full paths e.g. http://kalif.ca/media/images/excavator.png and the http://kalif.ca isn't working correctly and taking a long time to redirect to www.kalif.ca and thus show the image. If you insist on full paths please update them to www.kalif.ca.

Related

2sxc Gallery - The requested content can not be loaded. Please try again later

DNN 09.09.01 / 2sxc 11. 22.1 / Image Gallery v5
App installation without problem, but when you click on image to show in Fancy box - you got message; The requested content can not be loaded. Please try again later.
I tested this with 2sic DNN Instant Bootstrap 4 theme and it is working just fine.
However, on this site I am using other DNN Theme ("Professional" Theme from DNNVista, Bootstrap 3, link; https://store.dnnsoftware.com/home/product-details/professional-15-colors-mega-menu-bootstrap-responsive-dnn-6x-7x-8x-dnn-9x) and this error occurred every time I click on a single photo.
I am aware that this Theme is full of bugs and I probably wasted 99$ for it, but would like to find out what is wrong and try to fix it in this particular Theme.
But - I don't know where to start, because there is no errors in Admin Log.
Any similar situations or ideas, please?
(sorry if I did not express my self clearly - English is not my Mother Tongue. Please ask if you need clarification)
UPDATE:
I found that, from some reason, hyperlinks for pictures are parsed without question mark after filename, but can't find a reason for such behaviour because everything is correct in app template.
Just a guess - probably you have some JS replacing other JS - like Fancybox being loaded 2x in different versions. Best check the Chrome-Network to verify.

images not loading in Internet Explorer. why?

ive been finally polishing off a website i was building but to my dismay i recently checked the website in Internet Explorer and found the images weren't loading fully.. you can see can the borders for the image but nothing loads in between. i thought it might something i altered on wordpress, but the main page has images from from non wordpress html files and they don't load either.. everything works fine on every other browser except Internet Explorer.. any ideas why? probably a simple fix
here's the website.. . all the code and css is viewable there, if you want my wordpress code let me know
maybe the code just needs to rearranged to make window browsers happy?
any help would be great
Looking at the source for the shop.html, it looks like you are specifying the height of the images, but not the width. Opera, and Firefox are ignoring the width="" and using the default width, but IE is setting it to width="1." I don't know how to change this in Wordpress but if you remove the width="" or add a value it will show correct.
You can see this if you r-click the image line in IE and select properties: it shows as 1X290px.
img src="images/shop/julianduron.jpg" width="" height="290"
hope this helps

Swapping an image during web development

I'm trying to see what a certain webpage would look like if I replaced a certain image with another. Rather than upload the image, edit the site, etc, each time I tweak it, I'd like to know if there's a way to change the image in the page to my local version while viewing the remote page.
I use Firebug for debugging web development usually, but I'm open to any other tool that might do this.
(It is absolutely impossible to search for this and find anything but questions about dynamic image swapping on a deployed website, so sorry if this is a duplicate.)
Added: I just tried substituting a file:/// URI pointing to the image (copied and pasted from the address bar after manually opening the image), and alas, it did not work — the image fails to change.
It seems to only work with the http[s] protocols (likely for security reasons). You can store your images on service like Dropbox, share the image or folder, then use the public URLs.
Really, you can use any web accessible images, so a local server would work too.
If your image is in a localhost server(not as file mind you) i think you can still put that localhost url in the firebug inspect element and it'll work.
Tried an absolute file path but it doesn't work apparently. So I guess you just have to make do with a localhost server image. That works for me
Quick and Lowtech Answer: Take a screen shot of the page open it in photoshop and drop the local image on a layer above the webpage image.
Hi if you are serving from a webserver, u probably can't point it to a file on ur local drive. Even if its localhost, u can't point to a local file c:/test.jpg for example. Its because the browser sorts of sandbox ur page so that scripts can't access local files.
One way is to upload the new file (new_file.jpg) to the webserver, give the image link an id
<img id="something1" src="test.jpg"/>
Using jQuery in the firebug watch window do
$("#something1").attr("src","new_file.jpg");
You should see the image change. If you are not using jQuery, you can use document.getElementById("something1") and get the element to modify.
Another way is to use http://makiapp.com/
You can overlay an image from you computer onto any website you look at with this. Very cool tool for lining up a comp with your code.
You can:
Drag your test image into Google Drive
Open it in a browser
Go to the actual image path
Use this path as a substitute in Firebug
It's almost as fast as working from a local drive.

sIFR: visible on local, not remote

When working on a static mirror of the site, the sIFR is rendered correctly using Dreamweaver's live view. When viewing site locally in a browser, the regular text is printed, as expected. However, when uploaded and viewed from a remote web server, neither is visible.
I am using version 3 of sIFR, and the site can be viewed here, with an example page employing siFR implementation:
http://www.thevulgarbulgar.com/TEMP/rush/vacancies.html
Whereas it should look like so:
rush.co.uk/vacancies
Thanks for looking.
vb
The Flash movie can't be found: http://www.thevulgarbulgar.com/sites/all/themes/basic/flash/futuraxb.swf
ahh, tis looking from root, when file is here: http://www.thevulgarbulgar.com/TEMP/rush/sites/all/themes/basic/flash/futuraxb.swf
Thanks.

Multiple swf files not loading in DNN 5.X

We have run numerous tests now and it has now come down to either a DNN-SWFObject loading multiple swf files on a page or Firefox bug.
Here's the outcome we need:
Two swf files on one page:
Header.swf: which holds the nav and some bling animation.
Map.swf: which has different provinces of the country highlighted on rollover. The active province is highlighted by reading the URL via Javascript and then loaded into the Map.swf via FlashVars.
In all of our other tests in other browsers, the scenario works very well but in Firefox 3.5.3 The swf files refuse to show.
We have stripped this test down to the bare minimum, one html page scenario and embedding it the same way using SWFObject 2.2 and this works in Firefox. When it is uploaded in DNN, the swf files refuse to show.
Is there anything anyone can think of?
Many thanks,
James
My first thought would be the way dnn renames element ids - and are you using client ids
If you could post some code it might help to look at it or a url to look at

Resources