Discussion Forums  >  Images, Documents, File Locations

Replies: 10    Views: 403

tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
08/24/13 03:29 AM (10 years ago)

BTA Menu - Icon images and Header image not loading from URL

Hi guys, I can't figure it out! I've made my images, and made my menu, but i cannot seem to get the images on the BTA Menu from my URL. It just shows a question mark. I can't work it out, because through my browser, it works normally. Here are my image files from my website. The odd thing is that if the images are on Flickr, the image loads, but not in the retina quality I want. http://www.annandaleapps.com/App_Files/Woodstock-Jaan/Jaan%20-%20Menu.png http://www.annandaleapps.com/App_Files/Woodstock-Jaan/Jaan%20-%20Offers.png http://www.annandaleapps.com/App_Files/Woodstock-Jaan/Jaan%20-%20Phone.png http://www.annandaleapps.com/App_Files/Woodstock-Jaan/Jaan%20-%20Header.png Is there anything wrong?
 
PSMDanny
Apple Fan
Profile
Posts: 1166
Reg: Dec 09, 2011
Heerlen
21,940
like
08/24/13 04:48 AM (10 years ago)
Hi Anandale, Can you share a direct link to the image(s) on your server? Best regards, Danny
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
08/24/13 04:59 AM (10 years ago)
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
08/24/13 05:00 AM (10 years ago)
Those are all the links I would use currently, although as I said, I will add more later on.
 
PSMDanny
Apple Fan
Profile
Posts: 1166
Reg: Dec 09, 2011
Heerlen
21,940
like
08/24/13 05:10 AM (10 years ago)
Hi Anandale, You should (in web and app programming) avoid using spaces in file names. This is why in your urls the %20 show up. So your file is now: http://www.annandaleapps.com/App_Files/Woodstock-Jaan/Jaan - Header.png (see the spaces between Jaan and the dash) Name your files like this: Jaan_Header.png (and this is the prefered method) or Jaan-header.png so your url would look like this: http://www.annandaleapps.com/App_Files/Woodstock-Jaan/Jaan_Header.png Or this http://www.annandaleapps.com/App_Files/Woodstock-Jaan/Jaan-Header.png This should fix it. Besides this: if you use remote images you don't have to use th @2x images because the system is pointing to a direct url. It's not going to look for any other file in the directory to see if there is an optimized image in it. The @2x images is only when you include them in the project. Hope this helps. Best Regards, Danny
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
08/24/13 05:13 AM (10 years ago)
Without the @2x, am I right in saying I can't have retina graphics if I use a URL to host my images. But anyway, thanks for the advice, I'll give that a try.
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
08/24/13 05:17 AM (10 years ago)
Just as a side note, if you ever plan to create an app for Android, get rid of the spaces, and get rid of the dashes too. Cheers! -- Smug
 
PSMDanny
Apple Fan
Profile
Posts: 1166
Reg: Dec 09, 2011
Heerlen
21,940
like
08/24/13 05:17 AM (10 years ago)
Hi Anandale, "Without the @2x, am I right in saying I can't have retina graphics if I use a URL to host my images. " The answer is: yes, you are right (or you should only point the the retina optimized image only - but that will destroy the look on non-retina devices. It looks only for that specific file (in the url) and nowhere else.... Best Regards, Danny
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
08/24/13 05:21 AM (10 years ago)
Thanks for the URL thing. That worked. But I think the upshot is that I can't really use retina images on my app if they are from a URL. I won't optimise it just for Retina images, because as you say, it will ruin the Non-Retina stuff. What would you do? Currently, it's just an iPhone app, and most iPhones are 4 or above.
 
PSMDanny
Apple Fan
Profile
Posts: 1166
Reg: Dec 09, 2011
Heerlen
21,940
like
08/24/13 05:26 AM (10 years ago)
Hi Thomas, That's just the way it is with external images. Or you should alter the code in the plugin and in the control panel so you can use two urls - 1 for non-retina and 1 for retina. But this would be not an easy job to do. But all plugins in buzztouch use the same concept for remote images.... If you are ready with the external files you could prepare an update for the iStore and include all the images. Once the update is approved you could go to your control panel and change all the remote images to internal images. This way the users won't notice that much... Best Regards, Danny
 
tb
buzztouch Evangelist
Profile
Posts: 2050
Reg: Nov 03, 2011
Oxford
32,300
like
08/24/13 05:30 AM (10 years ago)
That's what I have been planning. I need to add Google Analytics or Flurry (I don't know how) into my app somehow, so I can track how much time people spend on each page and details like that. When doing a major update, I will move these images locally, and then the app will be offline-proof! I don't mind much that the images aren't retina, because an update will be coming out very soon!
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.