No images when deploying to devices

Thread is closed for posting
7 posts, 0 answers
  1. Marcus
    Marcus avatar
    33 posts
    Member since:
    Jul 2012

    Posted 29 Sep 2012 Link to this post

    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?
  2. Deyan Varchev
    Admin
    Deyan Varchev avatar
    150 posts

    Posted 30 Sep 2012 Link to this post

    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.
  3. Marcus
    Marcus avatar
    33 posts
    Member since:
    Jul 2012

    Posted 30 Sep 2012 Link to this post

    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?

  4. Deyan Varchev
    Admin
    Deyan Varchev avatar
    150 posts

    Posted 01 Oct 2012 Link to this post

    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.
  5. Rich
    Rich avatar
    1 posts
    Member since:
    Oct 2012

    Posted 09 Apr 2013 Link to this post

    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>
  6. Anil
    Anil avatar
    2 posts
    Member since:
    Sep 2013

    Posted 16 Sep 2013 Link to this post

    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
  7. Anil
    Anil avatar
    2 posts
    Member since:
    Sep 2013

    Posted 16 Sep 2013 Link to this post

    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?

Back to Top