No images when deploying to devices

[Marcus]

I've deployed my app on both Android and with Ion on iOS, and both versions do not display any images from my project. They all show up as the standard "image not found" image. What am I missing here?

[Deyan Varchev]

Hi Marcus,

I'm glad to see you are seriously testing Icenium and I hope it works for you.
Now, straight to your question. You need to make sure that all images have relative to your .html file urls. 
I.e. if you have an image MyImage.jpg in your imageFolder - the src to it should be src="imageFolder/MyImage.jpg". If the urls start with '/' the images won't be resolved correctly thus src like the following is not correct -  src="/imageFolder/MyImage.jpg". 

I hope this will help you. If you still experience any issues please write us back. 

All the best,
Deyan
The Icenium team
Share feedback and vote for features on our Feedback Portal.

[Marcus]

Ah, excellent. I had the leading '/'. My images are displaying now.

However, the jQuery Mobile images are not. For instance I have a <li> with "data-icon='arrow-r'", and the arrow image is not showing up. I'm using jQuery Mobile 1.1.1 and the css has it as "background-image:url(images/icons-18-white.png)", so there's no leading slash. (They do show up in the simulator though.)
Any idea what's going on?

[Deyan Varchev]

Hi again,

 The problem you are facing is most probably caused by incorrect placement of image files. The is one specific of relative paths in css files. Those have to be relative to the css file you are adding them to. 
 I.e. if you have a css file in your jquery-mobile folder myStyle.css. Inside that file you refer to "images/icons.png". In this case the icons.png file will be resolved as being in the images subfolder of jquery-mobile folder and not as being in the images folder in the root. 
 I suspect that you have moved jquery-mobile icons png files to your images/ folder in the root. As jQuery mobile css styles define it relative, it's searched in the jquery/images/ folder. You'll have to move it back there to fix your issue.

 I hope this will help.

Regards,
Deyan Varchev
The Icenium team
Share feedback and vote for features on our Feedback Portal.

[Rich]

So I ran into the missing images problem with jquery mobile framework v1.3.0.  Icons appear in the simulator, but not on my iPhone.  I have the jquery.mobile-1.3.0.min.css file and the "images" folder under a jquery-mobile folder off the root.  When I swap out the css file with jquery.mobile-1.2.1.min.css, the icons appear.  While that's certainly not recommended, but makes me wonder if there isn't something else going on here.

This works:
<link href="jquery-mobile/jquery.mobile-1.2.1.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-mobile/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery-mobile/jquery.mobile-1.3.0.min.js"></script>

This works:
<link href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-mobile/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery-mobile/jquery.mobile-1.3.0.min.js"></script>

This does NOT work:
<link href="jquery-mobile/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-mobile/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery-mobile/jquery.mobile-1.3.0.min.js"></script>

[Anil]

if you use jquery ui & jquery mobile then the link are problem.
so don't use jquery mobile in your web page

jquery mobile only for use in mobile website

[Anil]

Any guy tell me ... if i use ....

$(document).ready(function () {
jQuery("#realestate").nanoGallery({thumbnailWidth:100,thumbnailHeight:80,
items: [
{ src: 'images/experion_ad.jpg', srct: 'images/Client_8_experion.jpg', title: 'Experion'},
{ src: 'images/experion_ad - Copy (2).jpg',  title: 'Experion'},

{ src: 'images/experion_ad - Copy.jpg',  title: 'Experion'},
],
displayCaption:false,
theme:'animdark'
});
});

this is my script the Q. is i use only one thumbnail and i want the other thumbnail are disable. 

how to do?