Need help with my lightbox code

Need help with my lightbox code

I'm doing a simple lightbox but I cannot get the lightbox to pop up when I click on the thumbnail. Any help would be appreciated.


  1. $(document).ready(function() {
  2.     set_up_lightbox();
  3. });
  4. function set_up_lightbox() {
  5.    
  6.     $("body").append($("<div/>").attr("id","lightbox_overlay"));
  7.    
  8.     $("body").append($("<div/>").attr("id","lightbox_container"));
  9.    
  10.    
  11.      
  12.     $("#lightbox_overlay").hide();
  13.      
  14.     $("#lightbox_container").hide();
  15.      
  16.    
  17.      $("#gallery").append( $("<img/>").attr("src", "flowers_thumb.jpg"));
  18.      $("#gallery").click( function() {load_image("flowers.jpg"); });
  19. }
  20. var load_image = function(url) {
  21.  
  22.     $("#lightbox_container").empty();
  23.   
  24.     $("lightbox_overlay").fadeIn("slow");
  25.       
  26.     $("#lightbox_container").append( $("<img/>").attr("src", "flowers.jpg"));
  27.   
  28.      $("lightbox_container").click(function() { close_image(); });
  29.   
  30.      $("lightbox_container").fadeIn("slow");
  31. }
  32. function close_image() {
  33.   
  34.     $("#lightbox_container").hide();
  35.  
  36.      $("#lightbox_overlay").hide();
  37. }