I think it's fixed. I used a combination of the single image technique and the JS referenced before.
Although, i just tried turning off the JS and it still worked. I wonder if it is harmless. Hmm, now I am wondering. Should I remove it.
Now, I am just noticing that the top nav is not highlighting the words properly...its happening sporadically. Nuts.
This thing is like Mr. Blandings Dream House. It never gets finished.
Glen
On 10/27/06, Karl Swedberg <[EMAIL PROTECTED]> wrote:
Hey Glen,
I use the hover/unhover background in the same graphic approach on a bunch of sites, and it works really well. No _javascript_ needed.
On my blog, I use it in conjunction with an image-replacement technique.So the html looks like this:
<h1><a href="" Rules</a>
and the css looks like this:
h1 a {display: block;width: 111px;height: 67px;text-indent: -9000px;background: url(/images/2006/logo-sub.jpg) no-repeat left top;overflow: hidden;}h1 a:hover {background: url(/images/2006/logo-sub.jpg) no-repeat 0 -67px;}
and the image looks like this:
I would have just used the background hover/unhover stuff without the image replacement for the text if I hadn't decided to do the semi-transparent thing.
It shouldn't take much to implement something similar on your site.
Let me know if you need any help. I live for this stuff.
Cheers,Karl
_______________________Karl Swedbergwww.learningjquery.com
On Oct 27, 2006, at 6:33 PM, Blair McKenzie wrote:
This approach stops load time by including hover and unhover backgrounds in the same graphic.
This other one uses css to preload the hover image.
Blair
On 10/28/06, Glen Lipka < [EMAIL PROTECTED] > wrote:I think that technique is called double-buffering. I can do that, but is there a better way? It also seems like it is a little slow.
Glen
On 10/27/06, Bryan Buchs <[EMAIL PROTECTED] > wrote:I've tried positioning the background tab image on both the "A" *and*
the "LI" elements. If the hover on the "A" flickers, the image in the
"LI" behind it shows through instead of a white background.
Erik Beeson wrote:
> I don't see a flicker problem on FF or IE6. I DO see an image loading
> delay the first time you mouse over one of the tabs, but it looks the
> same in both browsers. This is easily avoided by preloading the images.
>
> --Erik
>
> On 10/27/06, *Glen Lipka* < [EMAIL PROTECTED] <mailto: [EMAIL PROTECTED]>>
> wrote:
>
> http://glenlipka.kokopop.com/jQuery/payroll/
> http://glenlipka.kokopop.com/jQuery/intuit/
>
> Ok, here is my problem, and it's on both pages.
> Mouse over the tabs in the middle on either one using IE 6.
> HORRIBLE flickering problem.
>
> I wasn't using $hover(). I tried a few different things. Single
> image hover, etc.
> What is the best way to avoid the flicker in IE. Does jQuery
> Hover() deal with this?
>
> Thanks,
>
> Glen
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com <mailto: discuss@jquery.com>
> http://jquery.com/discuss/
>
>
>
>
> ------------------------------------------------------------------------
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
_______________________________________________jQuery mailing list
_______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
