Page 1 of 1

Skin icons not display on Ipad / phone / HTML5?

Posted: Tue Jan 08, 2013 9:46 pm
by AncientCityPhoto
I am working on the HTML5 part of a tour, and I cannot seem to figure out why icons and images from the Skin do not load! When viewed from a mobile device all I see is a blank sqaure and not the icon. It still functions...but why is this not showing properly on devices?

http://ancientcityphoto.com/virtualtour ... phone.html

Re: Skin icons not display on Ipad / phone / HTML5?

Posted: Wed Jan 09, 2013 1:01 am
by 360Texas
Just checking...

Get NOT FOUND err When trying IE9 and PC Safari 5.1.7

--- so that I could display the URL.. I removed the HTML:// in the string below

ancientcityphoto.com/virtualtours/HOTB%20Iphone/HOTB-Virtual-Tour-Iphone.html

Re: Skin icons not display on Ipad / phone / HTML5?

Posted: Wed Jan 09, 2013 2:12 am
by AncientCityPhoto

Re: Skin icons not display on Ipad / phone / HTML5?

Posted: Wed Jan 09, 2013 3:59 pm
by Hopki
Hi,
When I opened your page using the browser error console, tip found HERE you see that the SVG graphics do not load and a 404 file not found error is displayed.

This can be down to two reasons, one the SVGs and not in the uploaded images folder or the MIME TYPE is not set for the hosting server.

Solutions:
The first is select convert SVG to PNG for the HTML5 output. This will overcome any MIME TYPE problems.
The second solution is get your host provider to set the correct MIME TYPE or set it yourself.
This is explained HERE.

Hope this helps,
Hopki

Re: Skin icons not display on Ipad / phone / HTML5?

Posted: Wed Jan 09, 2013 4:34 pm
by AncientCityPhoto
I am using PNG files though! I have this checked, and all images are output as PNG.

Re: Skin icons not display on Ipad / phone / HTML5?

Posted: Wed Jan 09, 2013 4:44 pm
by Hopki
Hi,
Are you using the default file paths, if so they should be in the images folder.
Confirm that they are are in the folder on the server.
Hopki

Re: Skin icons not display on Ipad / phone / HTML5?

Posted: Wed Jan 09, 2013 4:52 pm
by AncientCityPhoto
I just checked my server and everything is looking good. I realized however, that I was uploading my files into a different named folder. They were all together correctly, but the containing folder was named different. Everything works now!

I actually dumped the entire folder the way its named and everything from my hard drive over and that worked.

Re: Skin icons not display on Ipad / phone / HTML5?

Posted: Wed Jan 09, 2013 4:55 pm
by Hopki
Hi,
The other thing to note/remember is capitalisation.
When viewing locally its not important and links work, but once uploaded it matters. This is one of teh other common problems and is also covered in the error console tip.
Regards,
Hopki