Although the description is somewhat unclear, if you wish to allow the
user to have several thumbnails selected, all at full opacity, you
should adapt Maurico's nice script a little; the .click function
should add the selected thumbnail to an array or list which can be
used in the chain to filter the siblings before fading them down, as
above.
On Dec 5, 2:10 am, "Mauricio \(Maujor\) Samy Silva"
<css.mau...@gmail.com> wrote:
> Hi Jared
> The script is quite simply.
> Study it.
>
> jQuery:
> (document).ready(function(){
>
> $('#thumbs div').click(function() {
> $(this).find('img').css('opacity', 1);
> $(this).siblings().find('img').css('opacity', 0.5);
> });
>
> });
>
> HTML:
> <div id="thumbs">
> <div><a href="#"><img src="1.jpg" alt="" /></a></div>
> <div><a href="#"><img src="2.jpg" alt="" /></a></div>
> <div><a href="#"><img src="3.jpg" alt="" /></a></div>
> <div><a href="#"><img src="4.jpg" alt="" /></a></div>
> <div><a href="#"><img src="5.jpg" alt="" /></a></div>
> <div><a href="#"><img src="6.jpg" alt="" /></a></div>
> </div>
>
> Hope this help you
>
> Maurício
> -----Mensagem Original-----
> De: Jared
> Para: jQuery (English)
> Enviada em: sexta-feira, 4 de dezembro de 2009 19:42
> Assunto: [jQuery] Change opacity for all divs except one
>
> Hello all,
>
> I have a bunch of thumb nails that will be at full opacity when a user
> gets to the page. Users will be able to select their favorite. What I
> want to have happen is when a user selects their first favorite all of
> the there thumbnails will be lowered in opacity then when they select
> other favorites the opacity of that thumbnail will be brought to full.
> Each thumbnail is in a div. I am at a complete lose on how I can
> achieve this. Any help is greatly appreciated. If you need anymore
> info just ask. Thanks ins advance!
