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]> 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]>
> To: <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]>
>>> To: <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/
>>>>
>>>> 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/
>>>>>>
>>>>>> 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]
>>>> http://www.iambright.com
>>>
>>>
>>
>> --
>> BrightLight Development, LLC.
>> 954-775-1111 (o)
>> 954-600-2726 (c)
>> [EMAIL PROTECTED]
>> http://www.iambright.com
>
>
--
BrightLight Development, LLC.
954-775-1111 (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com
