I'm having an issue with pop up images being blurred when viewing on an Andriod phone, default browser. Everything is fine in the Chrome mobile browser and desktops. What am I missing?
Thanks,
Phil
Example & code http://360photopro.com/pop-up/
Code
<krpano>
<!-- use only a grid preview pano (to save download space) --> <preview type="grid(cube,16,16,512,0x121212,0x000000,0x121212);" details="16" />
<!-- view settings --> <view hlookat=" " vlookat=" " fov="100" />
<hotspot name="hs1" bgborder="0" keep="false" visible="true" enabled="true" handcursor="true" capture="true" children="true" zorder="0" fillcolor ="0xffff00" fillalpha ="0.00" borderwidth ="1.0" bordercolor ="0xffff00" borderalpha ="0.20" fillcolorhover="0xffff00" fillalphahover="0.10" borderwidthhover="2.0" bordercolorhover="0xffff00" borderalphahover="0.70" fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700" details="8" onover="" onout="" ondown="" onup="" effect="" flying="0" inverserotation="false" usecontentsize="false" onhover="showtext(Click me);" onclick="flyout();" > <point ath="-21" atv="21" /> <point ath="-21" atv="-21" /> <point ath="21" atv="-21" /> <point ath="21" atv="21" /> </hotspot> <plugin name="pic" url="pic.jpg" width="1000" height="466" zorder="2" align="center" edge="center" alpha="0" scale="0" onhover="showtext(Click to close);" onclick="flyback();" /> <action name="flyout"> tween(plugin[pic].alpha,1,1); tween(plugin[pic].scale,1,1); </action> <action name="flyback"> tween(plugin[pic].alpha,0,1); tween(plugin[pic].scale,0,1); </action> </krpano>