also was du suchst is ne lightbox 
es geht aber auch einfacher...
klick da mal auf den button photo gallery
http://kaninchenrettung.de/kr_en.html
ansonsten hat macrosdesign auch ma ne css-lightbox gemacht..
das javascript von der kaninchenrettungs-page ist folgendes:
jQuery("#close span").ready(function(){
jQuery("#close span").click(function(){
jQuery("#shadowbox").fadeOut(700);
jQuery("#shadowbox").animate({
width: "0",
height:"0"
}, 1 );
});
});
jQuery("#gal_btn").ready(function(){
jQuery("#gal_btn").click(function(){
var viewportWidth = jQuery(window).width();
var viewportHeight = jQuery(document).height();
jQuery("#shadowbox").animate({
width: ""+viewportWidth+"px",
height:""+viewportHeight+"px"
}, 1500 );
jQuery("#picgallery").animate({
width: "850px"
}, 500 );
});
});
Alles anzeigen
<div id="shadowbox">
<div id="close">
<span alt="close gallery" title="close gallery"></span>
</div>
<div id="picgallery" style="margin:200px auto 0;" >
</div>
</div>
edit: nich wundern dass ich als variable zweimal viewport hab...
hatte es zuerst mitm viewport probiert, aber beim scrollen war dann nur die obere hälfte dunkel...
an sich musste für die breite den viewport nehmen und für die höhe die höhe des document