Danke,
www.sebastian-gebhardt.com und der Code ist:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Sebastian Gebhardt - Photography
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="Portfolio of Sebastian Gebhardt;." />
<meta name="keywords" content="Sebastion Gebhardt, Fotografie,digitale fotografie,photo,Photoshop,photos,photographer,Photography,Digitalfotografie,fashion photography,architectural photography,portrait photography,professional photography,commercial photography,Digital photography,Werbefotografie,fashion fotografie, Kunst, Art, Bilder,deutschland,bayern,licht,Fotograf, Diensleistung, Photoshop,artist,germany,schwarz weiß fotos,Schwarz weiß Fotografie,fotoagenturen,werbeagentur,deutschland, Illustrator, ad, advertising,franken,bunt,nuernberg,nürnberg">
<META NAME="publisher" CONTENT="Sebastian Gebhardt">
<META NAME="copyright" CONTENT="sebastian-gebhardt.com Copyright (c) 2012 by Sebastian Gebhardt.">
<meta name="author" content="Sebastian Gebhardt"/>
<META HTTP-EQUIV="Reply-to" CONTENT="gebhardt.sebastian@googlemail.com">
<link rel="stylesheet" type="text/css" href="jquery.fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="jquery.fancybox/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.fancybox/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.group").fancybox();
$("a#single_image").fancybox();
$(".btn-slide").click(function(){
$("#panel").slideUp("slow");
$(this).toggleClass("active");
});
$(".cnt-slide").click(function(){
$("#panel").slideDown("slow");
$(this).toggleClass("active");
});
});
</script>
<style>
#wrap{
width:860px;
margin: 0 auto;
}
a {
outline: none;
text-decoration:none;
font: normal 14px Tahoma;
color: #fff;
}
p{
color:000;
font-size:20px;
font-family:verdana;
text-align:center;
margin: 50 50 50 50;
}
img {
border: 1px solid #ccc;
padding: 1px;
margin: 0px 0px 0px 0px;
}
#gallery{
width:820px;
margin:20px auto;
height:100%
}
.cnt-slide{
display: block;
}
.fot-slide{
display: block;
}
#panel {
background-image: url(images/curtain.jpg);
background-repeat:no-repeat;
margin: 0 auto;
padding: auto;
top:0;
width:860px;
height:900px;
z-index:25;
position:absolute;
}
#footer {
width:810px;
height:600px;
background-color:#dde2e4;
display:none;
top:40;
position:absolute;
z-index:25;
}
.btn-slide {
display: block;
height:120px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="panel" class="btn-slide">
<a href="#"> </a>
</div>
<div id="gallery">
![]()
![]()
</div>