Fixed Width - Image Only Tooltip is being positioned wrong about tooltipster HOT 2 CLOSED

As of right now, the only way to guarantee images will display correctly in tooltips is to explicitly set the images width and height. Without setting the image's dimensions, the plugin can't calculate the tooltip size since the image hasn't been loaded yet.

If you'd like to set up a JSFiddle with what you were trying before, I'd be happy to take a look at it.

Thanks!

from tooltipster.

Glad to see this here. (I tried to reproduce the error - http://jsfiddle.net/WebEnvelopment/xu3qE/1/ )
Anyways, I have my html setup like the Fiddle and this:

<div id="kalapanapos" class="tooltip" 
     title="<img src='http://farm8.staticflickr.com/7285/8737644017_b215ba8378.jpg' 
     alt='' width='100' height='100'/>"

        <a rel="tooltip" href="#" title="k">
            <img src="http://farm8.staticflickr.com/7285/8737656997_264ef696ba_t.jpg"/>
        </a>
</div>

However, the tooltips still open on first rollover off of their position, without an image and even upside down...
or

Here is the current window.load JS (same TT problems) that I'm trying to get working. What am I missing?! Thanks in advance.

(function ($) { $(document).ready(function(){

$('.tooltip').tooltipster({
    animation: 'grow',
    maxWidth: 100
});

// on window load, show the tooltip
$(window).load(function() {
   $('#kalapanapos').tooltipster('show');

    // once a key is pressed on your keyboard, hide the tooltip
     $(window).keypress(function() {
     $('#kalapanapos').tooltipster('hide');
    });
});

I'm way to new at JS to say but maybe something with:
functionBefore:
Create a custom function to be fired before the tooltip launches. See the advanced section to learn more. Default: function(origin, continueTooltip) { continueTooltip(); }

A function to add the TTs to the DOM onLoad? Sorry for the greenery.

from tooltipster.