Danke,
www.sebastian-gebhardt.com und der Code ist:
<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
</html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sebastian Gebhardt - Photography</title>
<meta http-equiv="Content-Language" content="en-us, de, tr" />
<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="
[email protected]">
<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">
<img style="border:0px; padding: 0px 0px 0px 0px; margin:0px;" a href="#" class="cnt-slide" src="images/head.jpg" alt=""/>
<img src="images/links.jpg" alt="" border="0" usemap="#Map" class="" style="border:0px; padding: 0px 0px 0px 0px; margin:0px;" a href="#"/>
<map name="Map">
<area shape="rect" coords="55,20,140,55" href="people.html">
<area shape="rect" coords="240,20,360,55" href="object.html">
<area shape="rect" coords="485,20,535,55" href="one.html">
<area shape="rect" coords="665,20,755,55" href="bw.html" />
</map>
<a class="group" rel="group" href="people/01.jpg"><img src="thumbs/people/01.jpg" alt=""/></a>
<a class="group" rel="group" href="people/02.jpg"><img src="thumbs/people/02.jpg" alt=""/></a>
<a class="group" rel="group" href="people/03.jpg"><img src="thumbs/people/03.jpg" alt=""/></a>
<a class="group" rel="group" href="people/04.jpg"><img src="thumbs/people/04.jpg" alt=""/></a>
<a class="group" rel="group" href="people/05.jpg"><img src="thumbs/people/05.jpg" alt=""/></a>
</br>
<a class="group" rel="group" href="people/06.jpg"><img src="thumbs/people/06.jpg" alt=""/></a>
<a class="group" rel="group" href="people/07.jpg"><img src="thumbs/people/07.jpg" alt=""/></a>
<a class="group" rel="group" href="people/08.jpg"><img src="thumbs/people/08.jpg" alt=""/></a>
<a class="group" rel="group" href="people/09.jpg"><img src="thumbs/people/09.jpg" alt=""/></a>
<a class="group" rel="group" href="people/10.jpg"><img src="thumbs/people/10.jpg" alt=""/></a>
</br>
<a class="group" rel="group" href="people/11.jpg"><img src="thumbs/people/11.jpg" alt=""/></a>
<a class="group" rel="group" href="people/12.jpg"><img src="thumbs/people/12.jpg" alt=""/></a>
<a class="group" rel="group" href="people/13.jpg"><img src="thumbs/people/13.jpg" alt=""/></a>
<a class="group" rel="group" href="people/14.jpg"><img src="thumbs/people/14.jpg" alt=""/></a>
<a class="group" rel="group" href="people/15.jpg"><img src="thumbs/people/15.jpg" alt=""/></a>
</br>
<a class="group" rel="group" href="people/16.jpg"><img src="thumbs/people/16.jpg" alt=""/></a>
<a class="group" rel="group" href="people/17.jpg"><img src="thumbs/people/17.jpg" alt=""/></a>
<a class="group" rel="group" href="people/18.jpg"><img src="thumbs/people/18.jpg" alt=""/></a>
<a class="group" rel="group" href="people/19.jpg"><img src="thumbs/people/19.jpg" alt=""/></a>
<a class="group" rel="group" href="people/20.jpg"><img src="thumbs/people/20.jpg" alt=""/></a>
</br>
<a class="group" rel="group" href="people/21.jpg"><img src="thumbs/people/21.jpg" alt=""/></a>
<a class="group" rel="group" href="people/22.jpg"><img src="thumbs/people/22.jpg" alt=""/></a>
<a class="group" rel="group" href="people/23.jpg"><img src="thumbs/people/23.jpg" alt=""/></a>
<a class="group" rel="group" href="people/24.jpg"><img src="thumbs/people/24.jpg" alt=""/></a>
<a class="group" rel="group" href="people/25.jpg"><img src="thumbs/people/25.jpg" alt=""/></a></br></br>
<a href="contact.html"><img src="images/footer.jpg" alt="" border="0" class="" style="border:0px; padding: 0px 0px 0px 0px; margin:0px;" a href="#"/></a>
</div>
