mobile position isn't right

[Aminot1]

Hello all, thanks for the plugin it's very nice,

I am using this code:

$("#i1").balloon(
{classname: "my_class",
position: "top"}
);

When I hover it it's FINE ! but I want it to show by default, on the start of the page, so I use:
$("#i1").showBalloon();
or even:
$("#i1").mouseover();

When I view it on iPhone 5, and some Nokia devices, it shows in different places than the element I want it next to, can you please tell me what's going on?

[urin]

I think it is caused by zooming when the page is opened.
It may be solved if you add delay 1 or more seconds before showBalloon().

$(function(){
  setTimeout(function(){ $("#i1").showBalloon(); }, 1000);
});

[AminMkh]

Thanks mate I just love you :D
I am a PHP developer mainly handle backend stuff, I was only helping out a friend, I personally hate all the client side CSS JS stuff, for me it's a no-brainer with no logic! but I love geeks :D

Would be my pleasure to add you to my LinkedIn network:
www.linkedin.com/in/aminmukhaimar/