I have been playing with the JQuery Mobile popup function and I am having trouble getting an image to appear.
The project requires an image and text to appear in the popup. I get the text to appear but the image will not.
<!--WebApp About Info START -->
<div data-role="popup" id="TEST_about" data-theme="d" >
<a href="#" data-rel="back" data-role="button" data-theme="d" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<img src="../webapp_graphics/jquery-logo.png" width="157" height="88" class="popphoto" />
<div style="font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; text-align:center;">Devices & iOS Supported</div>
<div style="font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:center;">Apple iOS 3.2-6.3 | Android 2.1-2.3, 3.2 </div><div style="font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:center;">Blackberry 6-10 | Windows 7.5-7.8</div><div style="font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:center;">iPad Mini | iPhone | iPod Touch</div><div style="font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:center;">Kindle 3, Fire | Nook Color 1.4.1</div><div style="font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:center;">Safari 5-6 | Firefox 10-18 | Chrome 16-24</div>
</div>
<!--end of About Info -->
If anyone can assist this would be great as I have tried lots of ways but the image will not appear..