Hi friends!

I'm developing a website with a image gallery build manually by myself.

The problem is when I do a click in the img (class galeria) it's just faded, but, I created the event for just the click in two div's (id subGaleria and id overley), but not for the img (class galeria).

I appreciate a help of you.

I show the code of events and html below.

Thanks!

JQUERY:

2.              //Quando houver um click no body
3.             $("#overlay, div#galeria").click(function() {
4. 
   
5.                 //Oculta a div com o overlay e com a galeria
6.                 $("#overlay, div#galeria, div#galMiniFotos").fadeOut("low");
7. 
   
8.                 //Permite a rolagem (scroll) na página
9.                 $("html, body").css("overflow", "auto");
10.                 
11.             });

CSS:

2. div#galeria{
3.     position:absolute;
4.     width: 100%;
5.     height: 85%;
6.     display:none;
7.     top:5%;
8.     z-index:101;
9. }
10. 
    
12. div#overlay{
13.     background-color:#000;
14.     opacity:0.8;
15.     filter:alpha(opacity=80);
16.     display:none;
17.     position:fixed;
18.     top:0px;
19.     bottom:0px;
20.     left:0px;
21.     right:0px;
22.     z-index:100;
23. }
24. 
    
26. img.galeria{
27.     max-height: 100%;
28.     max-width: 90%;
29.     border:2px solid #000;
30.     -moz-box-shadow: 0 2px 5px #333;
31.     -webkit-box-shadow: 0 2px 5px #333;
32.     z-index: 102;
33. }

HTML:

1. <div id="overlay"></div>

   <div id="galeria">

         <div id="subGaleria">

               <img class='galeria' src="pictures/1.png" />

         </div>

   </div>