[Solved] Tip Positioning using an Imagemap

[Chris Rouxel]

Hi all

First off, what a great little bit of kit QTip is!

Secondly, I'm wondering if i can get a little help.

I'm running QTip on an image map, but I'm finding on certain screen sizes the tip will disappear off the edge of the page and is unreadable.

I've tried using tip positioning abut no mapper what I try the tip is still defaulting to the bottom right.

can you have a look at what I'm doing wrong, and if there is a workaround?

JS Code

<script type="text/javascript">
// Create the tooltips only when document ready
$(document).ready(function()
{
   // Use the each() method to gain access to each elements attributes
   $('area').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('alt'), // Use the ALT attribute of the area map
 
         style: {
			padding: 10,
			width: 350,
			lineHeight: 1.5,
			background: '#000',
			fontSize: 12,
            name: 'dark', // Give it the preset dark style
            border: {
               width: 0, 
               radius: 2 
            }, 
            tip: 'topLeft'
 
         }
      });
   });
});
</script>

Any help wins an internet cookie!

Thanks

Chris.

---

Sorry guys, solved it.

forgot to include

JS Code

adjust: {screen: true}

Duh....