superposition de la zone d'ombre cliquez fadeaway

Question

J'ai cette boîte d'ombre et ce que j'essaie de faire est de le faire disparaître lorsque je clique sur la superposition, mais maintenant, il ne fonctionne que si je clique sur l'image elle-même. J'ai tout essayé je peux dans le code, mais toujours pas de dés, le code est le suivant:

$(document).ready(function(){ 

    $('a.shadowbox').click(function(e) { 
    $('body').css('overflow-y', 'hidden'); 
    $('<div id="overlay"></div>') 
     .css('top', $(document).scrollTop()) 
     .css('opacity', '0') 
     .animate({'opacity': '0.9'}, 'slow') 
    .appendTo('body'); 

    $('<div id="shadowbox"></div>') 
     .hide() 
    .appendTo('body'); 

    $('<img>') 
     .attr('src', $(this).attr('href')) 
     .load(function() { 
      var top = ($(window).height() - $('#shadowbox').height())/2; 
      var left = ($(window).width() - $('#shadowbox').width())/2; 
      $('#shadowbox') 
      .css({ 
       'top': top + $(document).scrollTop(), 
       'left': left 
       }) 
      .fadeIn(); 
    }) 
    .click(function() { 
     $('#overlay, #shadowbox') 
      .fadeOut('slow', function(){ 
       $(this).remove(); 
      $('body').css('overflow-y', 'auto'); 
      }); 
     }) 
    .appendTo('#shadowbox'); 
    return false; 
    }); 
}); 

Answer 1

L'événement click est actuellement une partie de la chaîne pour $('img') (c.-à-attr, charge, cliquez, appendTo) .

plutôt essayer d'ajouter l'événement click à la superposition:

$('#overlay').click(...)