HTML Pro not showing images in html

Get Started | Login

Discussion Forums > Plugins, Customizing, Source Code

Replies: 3 Views: 62

Angry Ninja Aspiring developer Posts: 1045 Reg: Aug 25, 2013 Maine 17,150	confirm \| cancel 09/02/13 04:49 PM (12 years ago) HTML Pro not showing images in html Hey guys, I just bought HTML Pro plugin, looks great. I have my html file and my related images in the proper directories, but when I run my app in the simulator, none of my images show. I thought maybe it was something in my code or paths or something, but I changed the default URL that loads to google.com instead of my own server's index.html, and even the google logo doesn't show, so it's nothing with my structure or paths. What would cause this? I get all of my controls and text showing up, but just a white box with a question mark in it for any image that is supposed to be displayed. I use the same URL and paths in the CustomURL plugin and all works fine. Any ideas where to look? My source code is here if anyone wants to take a peek at it to see where I sent wrong: http://www.angryninjas.com/cloud/HTMLPro-Tito.zip Title Comments Hey guys, I just bought HTML Pro plugin, looks great. I have my html file and my related images in the proper directories, but when I run my app in the simulator, none of my images show. I thought maybe it was something in my code or paths or something, but I changed the default URL that loads to google.com instead of my own server's index.html, and even the google logo doesn't show, so it's nothing with my structure or paths. What would cause this? I get all of my controls and text showing up, but just a white box with a question mark in it for any image that is supposed to be displayed. I use the same URL and paths in the CustomURL plugin and all works fine. Any ideas where to look? My source code is here if anyone wants to take a peek at it to see where I sent wrong: http://www.angryninjas.com/cloud/HTMLPro-Tito.zip

chris1 Code is Art Posts: 3862 Reg: Aug 10, 2012 Austin, TX 50,120	09/02/13 10:23 PM (12 years ago) Your html page uses relative links for the images, not absolute. Because the way the plugin loads the html page, it needs to have absolute links to images if they're stored on a server somewhere. For instance, you have: <img src="wsp_images/but_add20.png" ... You should have: <img src="http://angryninjas.com/webapps/tito/wsp_images/but_add20.png" ... Comments Your html page uses relative links for the images, not absolute. Because the way the plugin loads the html page, it needs to have absolute links to images if they're stored on a server somewhere. For instance, you have: <img src="wsp_images/but_add20.png" ... You should have: <img src="http://angryninjas.com/webapps/tito/wsp_images/but_add20.png" ...

Angry Ninja Aspiring developer Posts: 1045 Reg: Aug 25, 2013 Maine 17,150	09/02/13 10:40 PM (12 years ago) Awesome, thanks for the answer! Comments Awesome, thanks for the answer!

Niraj buzztouch Evangelist Posts: 2943 Reg: Jul 11, 2012 Cerritos 37,930	09/03/13 07:37 AM (12 years ago) To give you an alternative, take a look at this post on using HTML Links to display any other screen in your app by simply referencing that screen's nickname. https://www.buzztouch.com/forum/thread.php?fid=6296AC806048818D14A52E2&tid=6296AC806048818D14A52E2 Be aware that technique is for iOS only (at the moment) -- Niraj Comments To give you an alternative, take a look at this post on using HTML Links to display any other screen in your app by simply referencing that screen's nickname. https://www.buzztouch.com/forum/thread.php?fid=6296AC806048818D14A52E2&tid=6296AC806048818D14A52E2 Be aware that technique is for iOS only (at the moment) -- Niraj

Login + Screen Name Required to Post Login 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.