Never mind. Problem solved. Here's the code I ended up with:
// change message border
$.blockUI.defaults.css.border = '0px solid red';
$.blockUI.defaults.css.cursor = 'pointer';
// make fadeOut effect shorter
$.blockUI.defaults.fadeOut = 200;
$(".thumb").hover(function() {
// MOUSEOVER HERE
$(this).block({
message: $(this).attr("alt"),
css: {
padding: 0,
margin: 0,
width: '100%',
top: '0px',
left: '0px',
textAlign: 'center',
color: '#B35900',
backgroundColor:'transparent',
fontWeight: 'bold',
},
overlayCSS: {
backgroundColor: '#F2F2F2',
opacity: '0.6',
cursor: 'pointer'
}
})
},function() {
// MOUSEOUT HERE
$(this).unblock();
}).click(function(){
alert("you clicked me.");
});
On Wed, May 21, 2008 at 12:55 PM, Chris Jordan <[EMAIL PROTECTED]>
wrote:
> Recently in another thread (BlockUI: Strange flickering problem), I found
> that what I'd like is to have my message be the entire overlay. So as it
> stands right now, you get a semi-transparent overlay with a message in the
> middle. When you run your mouse over the overlay bit, the cursor turns into
> an hour glass, but when you've got your mouse over the message in the middle
> your cursor stays the normal default (or whatever you've set it to).
>
> So what I'm dealing with is a grid of images where, on mouseover, I'm
> throwing an overlay over the image that the user has moused over. I'd like
> my message to be the entire overlay so that the cursor is never changed to
> the hour glass. Also, I can then bind a click event to the message (I guess
> that's how that works) so when the user clicks they get a larger view of my
> image.
>
> check out what I'm talking about at
> http://rock-itnaturalstone.com/dev/ThinVeneer.php
>
> Thanks,
> Chris
>
> --
> http://cjordan.us
--
http://cjordan.us
