overlay display without *mask* Created Aug 26, 2010

Try This remove what you did

Remove:

<script type="text/javascript">
$(document).ready(function() {
$(function() {
	// initialize scrollable
	//$(".scrollable").scrollable();
	//$(".scrollable").scrollable({circular: false}).autoscroll({ autoplay: false });	
});
});
$(function() {
	$("div[rel]").overlay({mask: '#000', effect: 'apple', closeOnClick: false});
});
</script>

and add only this

   <script type="text/javascript">
	$(document).ready(function() {
    	$("div[rel]").overlay({
			effect: 'apple',
			mask: '#000',
			closeOnClick: false
		});
	});
    </script>

It still didn't help. I updated the code like you suggested but the problem is still there: overlay with no mask! Can you think of any other possible issue?

Did you finally get this to work?

No, i haven't. You got any idea that could help?

Hi,

I think I may have figured out what is causing your problem - from tests I've done, it would appear that the 2 script calls to jQuery and jQuery Tools are conflicting. If you replace it with this:

<script src=http://cdn.jquerytools.org/1.2.4/full/jquery.tools.min.js"></script>

...which is the CDN equivalent, and contains both in one file, it should work for you.

I had this problem as well, the issue is that the overlay script uses the expose script to create the mask, so you must have them both loaded.

Thanks p3drosola, wish i found this post an hour ago...

I just had the same problem... "expose" is NOT embedded in the overlay JS as the documentation implies...

From the docs:
"Previously known as expose. Overlay is very often used together with the Mask Tool. Because of this, the support for this feature has been built inside the tool."

Hi harikaram,

Can you please give me the URL for where you found the above, and I will see about getting the docs updated?

Thanks.