Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jun 21st, 2012  |  syntax: JavaScript  |  size: 1.32 KB  |  hits: 14  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. var p;
  2. $("img").click(function(){
  3.         var srcp = $(this).attr("src");
  4.         $("#image").css("background-image", "url(" + srcp + ")");
  5.         $("#bodyoverlay").fadeTo("fast", 0.8);
  6.         $("#imageframe").fadeIn("slow");
  7.         p = $(this).parent().parent(".post");
  8.         p.addClass("active");
  9.         $(this).addClass("current");
  10.  
  11. });
  12.  
  13. $("#bodyoverlay").click(function(){
  14.         $("#bodyoverlay").fadeOut("slow");
  15.         $("#imageframe").fadeOut("fast");
  16.         $("img").removeClass("current");
  17.         p.removeClass("active");
  18. });
  19.  
  20. $("#image").click(function(){
  21.  
  22.         if ( $(".current").hasClass("1") ) {
  23.                 $(".current").removeClass("current");
  24.                 var srcc = $(".active img.2").attr("src");
  25.                 $("#image").css("background-image", "url("+srcc+")");
  26.                 $(".active img.2").addClass("current");
  27.                
  28.         }else if ( $(".current").hasClass("2") ) {
  29.                 $(".current").removeClass("current");
  30.                 var srcc = $(".active img.3").attr("src");
  31.                 $("#image").css("background-image", "url("+srcc+")");
  32.                 $(".active img.3").addClass("current");
  33.                
  34.         }else if ( $(".current").hasClass("3") ) {
  35.                 $(".current").removeClass("current");
  36.                 var srcc = $(".active img.1").attr("src");
  37.                 $("#image").css("background-image", "url("+srcc+")");
  38.                 $(".active img.1").addClass("current");
  39.                
  40.         }
  41.  
  42. });
  43.  
  44. $(document).keyup(function(e) {
  45.                  if  (e.keyCode == 27) {
  46.                         $("#bodyoverlay").click();
  47.                  }   // esc
  48. });