Text and Image Crawler does not work with tooltip

[ravencrow]

1) Script Title: Text and Image Crawler

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...wler/index.htm

3) Describe problem:

Сrawler.js divides the tape for two div with 10 pictures (for example, if pictures 20).
The first div with a negative bias, the second positive.

<div style="position: absolute; white-space: nowrap; top: 1px; left: -1353px"> <a href title="hint"><img src="">... </a></ div>
  <div style="position: absolute; white-space: nowrap; top: 1px; left: 712px"> <a href title="hint"><img src="">... </a></ div>

And there is a script which tooltip.js link <a href title="hint"> makes a nice tooltip with a handler

<script>
 $ (Document). Ready (function (){$(" a "). EasyTooltip ()}); 
</script>

Why this handler does not work for the entire contents of the div with the left:-1353px. ? How fixed this bug?

Also onmouseover="showhint()" don't work in Text and Image Crawler.

Demo can be found here.

[jscheuer1]

I don't think this is valid jQuery code:

$ (Document). Ready (function (){$(" a "). EasyTooltip ()});

It should be:

$(document).ready(function(){$("a").easyTooltip();});

But that probably won't work if the document ready fires before crawler is done. Is your crawler in a table? If so are you using IE 7 or less to test? In that case crawler doesn't init until after document ready, it goes on window.onload.

Even in newer IE and other browsers, the exact timing may be off, probably as crawler has to wait for its images to load.

You could try:

$(window).load(function(){$("a").easyTooltip();});

And as long as the crawler isn't in a table, that might work for all. If it's in a table, there may or may not be problems in IE 7 and less. There could still be timing issues.

If you want more help, make the above suggested change to:

$(window).load(function(){$("a").easyTooltip();});

And:

Please post a link to a page on your site that contains the problematic code so we can check it out.

[ravencrow]

Thanks John, it's work

$(window).load(function(){$("a").easyTooltip();});