Проблем с галерия

[3o6k0]

Имам този код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gallery</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/effects.js "></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<style type="text/css" >
body {
	margin-top: 0px;
	background-color: #333333  
}
#all {
	width: 600px;
	
}
#banner {
	background-color: #666666 ;
	height: 100px;
	color: white;
}
#menu {
	height: 20px;
	background-color: black   
}
#stroke {
	margin-top: 5px;
	border-top: 1px white dashed;
	height: 400px 
}
ul{
	list-style-type: none;
	margin: 0px;
	height: 20px;
	 
}
ul li {
	float: right;
	height: 20px;
	width: 80px; 
	margin: 0px;
	text-align: right;
	text-decoration: none 
}
ul li a{
	color:  #99FF99 ;
	text-decoration: none;
	margin-right: 5px 
}

li a :hover {  
	height: 20px;
	width: 80px;
	color: #33CC33 
}
ul :hover{
	background-color: #333333;
	height: 20px;
	width: 80px 
}

a {
	color: #99FF66;
}
a:visited {
	color: #99FF66;
}
a:active {
	color: #99FF66;
}
a:hover {
	color: #33CC33;
}
#stroke a {
	margin: 10px
}
#stroke_dolu {
	border-top:1px white dashed;
	margin-top: 15px;
	color: white;
	font-size: small 
}

</style>
</head>

<body>
<center>


<div id="all">
	<div id="banner">
	>Place your banner here
	<</div>
	
	<div id="menu">
	 <ul class="1">
	 	<li><a href="other.htm"><strong>Other</strong></a></li>
		<li><a href="trains.htm"><strong>Trains</strong></a></li>
		<li><a href="damage.htm"><strong>Damage</strong></a></li>
		<li><a href="legals.htm"><strong>Legals</strong></a></li>
		<li><a href="tags.htm"><strong>Tags</strong></a></li>
		<li><a href="bombs.htm"><strong>Bombs</strong></a></li>


     </ul> 
	</div>
	
	<div id="stroke">
	<br />
	<a href="a.JPG" rel="lightbox[roadtrip]" title="This is a test">
	<img src="at.JPG" /></a>
	<a href="b.JPG" rel="lightbox[roadtrip]" title="This is a test">
	<img src="bt.JPG" /></a>
			<div id="stroke_dolu">
			·3o6k0© 2008
		</div>	
	</div>
</div>


</center>
</body>
</html>

Сложил съм снимките със същите имена в папката на индекса, обаче не се покзват.Що?

http://3o6k0.free.bg/graffgallery/

 

[akolevutd]

едната излиза а другата си объркал пътя
http://3o6k0.free.bg/graffgallery/bt.JPG