Hi !
I'm trying to improve the result of displaying a tour with a lot of hotspots on smartphones and tablets. I decided to use % instead of pixels for spots width.
For example, I tried : width="10%" height="prop"
On desktop computer and Ipad2, the result is fine, but not on samsung galaxy S3, it looks like it displays half size than what it should. Something too small like 5% !
My tour is generated by PTPv2.1.2
in tour_skin.xlm I have now :
<!-- Spot Style - accueil -->
<style name="Iconaccueil"
url="%FIRSTXML%/spots/accueil2_user_defaultpoint4.png"
visible="false"
width="15%" <----- this is displayed 5% instead of 10%
height="prop"
edge="bottom"
ox="0" oy="0"
onhover="onhoverIconaccueil"
onout="onoutIconaccueil" />
The most strange thing is that galaxy S3 displays correctly % width for others elements like buttons
for example, this works fine on S3 :
<layer name="button00"
keep="true"
url="%FIRSTXML%/graphics/button00/lp.png"
align="bottomleft"
x="15%"
y="10"
zorder="23"
visible="false"
onclick="hidebutton20(); hidebutton21(); hidebutton22(); hidebutton23(); hidebutton24(); hidebutton25(); button00OnClick();"
tooltip="button00tooltip"
onhover="showTooltip(bottomleft);"
width="15%" <----- this is displayed 15% correctly
height="prop"
/>
You can see my problem here :
http://www.aircamera.fr/visite_virtuelle/essais_3/360.html
The button on bottom left corner "private lessons" is 15% and the hotspot in the center "ACCUEIL ESF" is 15% also. On samsung S3, the second is twice smaller than the first.
So I don't understand what's going wrong. Does anyone have an idea ?
THANK YOU VERY MUCH IF YOU CAN HELP ME !
Cyril