Thanks for the feedback Su. I'm wondering how this version of LightBox

http://www.huddletogether.com/projects/lightbox2/

which leverages Prototype and Scriptaculous, avoids the outline behavior. If you look at it in FF, you'll see it doesn't appear.

Any chance you can take a look at it Su? I certainly don't want to degrade accessibility so maybe you can shed some light on this.

Rey...

Su wrote:
The outline behavior being cancelled out here is in place for accessibility purposes.

When someone with limited mobility(for example) tabs through the links on a page, it's not technically a "hover" but focus on the link, which is what's being triggered here. If you remove the outline, you should be careful to replace it with something else which still provides feedback to these users, if possible.

On 4/25/07, *Rey Bango* <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>> wrote:


    Neither did I. I googled for something like "border on anchor tag" and
    found a reference to it. It looks like its specific to FF as IE doesn't
    have the issue.

    Rey

    Josh Nathanson wrote:
     >
     > Cool Rey, glad I could be of help.  I didn't know there was a
    style for
     > "outline" so that helps me too.
     >
     > -- Josh
     >
     > ----- Original Message ----- From: "Rey Bango" <
    [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>>
     > To: <jquery-en@googlegroups.com <mailto:jquery-en@googlegroups.com>>
     > Sent: Tuesday, April 24, 2007 6:58 PM
     > Subject: [jQuery] Re: ANNOUNCE: Another LightBox Option - Interface
     > ImageBox
     >
     >
     >>
     >> Hey Josh,
     >>
     >> Man you really helped me pinpoint the issue. With a little work, I
     >> found that the issue was the anchor tag's focus attribute. Once I
     >> added this to the plugin's style, it worked like a charm:
     >>
     >> #ImageBoxContainer a:focus { outline: none; }
     >>
     >> Thanks again for the help and if anybody wants the code, I've
    placed
     >> it here:
     >>
     >> http://www.intoajax.com/jquery/imagebox/imagebox.zip
     >>
     >> It includes all of the images and html found here:
     >>
     >> http://www.intoajax.com/lb/
     >>
     >> as well as the most recent jQuery, Interface, & ImageBox code. Its
     >> also organized for readability.
     >>
     >> Again, thanks goes out to Stefan Petre for developing the original
     >> version and Matthieu Paineau for his nice revisions and fixes.
     >>
     >> Rey...
     >>
     >>
     >>
     >> Josh Nathanson wrote:
     >>>
     >>> I see what's going on there Rey.  It looks like there are two
    divs on
     >>> top of the image - when you hover the right half, it pops up the
     >>> "next" link and when you hover the left half, it pops up the
     >>> "previous" link.  When you click it, it shows the browser's native
     >>> focus mechanism for that div - that's what the white line
    is.  I bet
     >>> there's some way to disable that focus mechanism.
     >>>
     >>> -- Josh
     >>>
     >>> ----- Original Message ----- From: "Rey Bango" <
    [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>>
     >>> To: <jquery-en@googlegroups.com
    <mailto:jquery-en@googlegroups.com>>
     >>> Sent: Tuesday, April 24, 2007 4:33 PM
     >>> Subject: [jQuery] Re: ANNOUNCE: Another LightBox Option -
    Interface
     >>> ImageBox
     >>>
     >>>
     >>>>
     >>>> That would be awesome. I'm trying it out and seeing some
    weirdness.
     >>>> When an image comes up and I click on the Next or Previous
    button, I
     >>>> see a line drawn right down the center of the image. To see
    what I'm
     >>>> talking about, go here:
     >>>>
     >>>> http://www.intoajax.com/lb/ <http://www.intoajax.com/lb/>
     >>>>
     >>>> Click on the moon image and put the mouse towards the
    right-side of
     >>>> the picture that popups. You should see a "Next Image" label
    appear.
     >>>> Click on the label and hold down the mouse. You should see
    what I mean.
     >>>>
     >>>> Any ideas as to what the cause might be?
     >>>>
     >>>> Rey...
     >>>>
     >>>> Stefan Petre wrote:
     >>>>>
     >>>>> Rey Bango wrote:
     >>>>>> In searching for a LightBox option that was similar to this:
     >>>>>>
     >>>>>> http://www.huddletogether.com/projects/lightbox2/
    <http://www.huddletogether.com/projects/lightbox2/>
     >>>>>>
     >>>>>> I came upon this version which is currently not listed in the
     >>>>>> plugins section:
     >>>>>>
     >>>>>> http://www.intelliance.fr/jquery/imagebox/
     >>>>>>
     >>>>>> The animation and navigation differs from ThickBox and the other
     >>>>>> lightbox plugins currently available and is very smooth overall.
     >>>>>>
     >>>>>> The original version was done by Interface developer Stefan
    Petre
     >>>>>> and has since received some nice revisions and fixes
    courtesy of
     >>>>>> Matthieu Paineau.
     >>>>>>
     >>>>>> Definitely take a look at it as it offers a nice UI experience.
     >>>>>>
     >>>>>> Rey...
     >>>>>>
     >>>>> Lets add this to Interface 2. Maybe Matthieu can submit
    it  to SVN
     >>>>>
     >>>>
     >>>> --
     >>>> BrightLight Development, LLC.
     >>>> 954-775-1111 (o)
     >>>> 954-600-2726 (c)
     >>>> [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>
     >>>> http://www.iambright.com <http://www.iambright.com>
     >>>
     >>>
     >>
     >> --
     >> BrightLight Development, LLC.
     >> 954-775-1111 (o)
     >> 954-600-2726 (c)
     >> [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>
     >> http://www.iambright.com
     >
     >

    --
    BrightLight Development, LLC.
    954-775-1111 (o)
    954-600-2726 (c)
    [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>
    http://www.iambright.com



--
BrightLight Development, LLC.
954-775-1111 (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com

Reply via email to