IOS Image not appearing
cordova, css, html, image, ios
Solution
Figured out why it wasn't working. It seems that if one tries to put an image on iOS through HTML, there is a certain limit of what resolution it can handle (not for jpgs it seems, but for GIFs and PNGs, might have something to do with transparency). All I had to do was resize my pictures down to 50% of their original size and they worked.
Problem
I'm having trouble with showing an image on an iPhone. Currently, I have a pretty large image, around 9000x4500. I'm trying to show this image resized in an iPhone. I'm working with the simulator now and it just will not show up. I have some pretty simple code here (using phonegap): ``` <!DOCTYPE HTML> <html> <head> <script charset="utf-8" src = "jquery-1.10.1.min.js"></script> <script charset="utf-8" src = "cordova.js"></script> <style> img.Image { width: 100%; max-width:100%;} </style> </head> <body> <img src = "FloorPlans/plazaone.png" class = "Image" /> </body> </html> ``` And here's a screenshot of what my simulator looks like: Anyone know how to fix this issue?