lb_2

gal_abstract.html

@@ -1 +1,12 @@
-abstract gallery blah blah
+<script type="text/javascript">
+  $(document).ready(function() {
+  	$("#gal_abstract a").lightBox();
+  });
+</script>
+
+<div id="gal_abstract">
+	<ul>
+		<li><a href="abstract.jpg"><img src="abstract.jpg" alt="abstract" /></a></li>
+	</ul>
+
+</div>

gal_animals.html

@@ -1 +1,12 @@
-animal gallery blah blah
+<script type="text/javascript">
+  $(document).ready(function() {
+  	$("#gal_animal a").lightBox();
+  });
+</script>
+
+<div id="gal_animal">
+	<ul>
+		<li><a href="animals.jpg"><img src="animals.jpg" alt="Animal" /></a></li>
+	</ul>
+
+</div>

gal_flower.html

@@ -1 +1,12 @@
-flowersers dfa sdf sd
+<script type="text/javascript">
+  $(document).ready(function() {
+  	$("#gal_flower a").lightBox();
+  });
+</script>
+
+<div id="gal_flower">
+	<ul>
+		<li><a href="romantic.jpg"><img src="romantic.jpg" alt="Romantic" /></a></li>
+	</ul>
+
+</div>

gal_love.html

@@ -1 +1,12 @@
-Love dfsndfasdf
+<script type="text/javascript">
+  $(document).ready(function() {
+  	$("#gal_love a").lightBox();
+  });
+</script>
+
+<div id="gal_love">
+	<ul>
+		<li><a href="people.jpg"><img src="people.jpg" alt="People" /></a></li>
+	</ul>
+
+</div>

gal_nature.html

@@ -1,16 +1,12 @@
 <script type="text/javascript">
   $(document).ready(function() {
-  	$("#wizards a").lightBox();
+  	$("#gal_nature a").lightBox();
   });
 </script>
 
-<div id="wizards">
-
+<div id="gal_nature">
 	<ul>
-		<li><a href="abstract.jpg"><img src="abstract.jpg" height="10px" width="10px" alt="Dumbledore" /></a></li>
-		<li><a href="bridge.jpg"><img src="bridge.jpg" height="10px" width="10px" alt="Merlin" /></a></li>
-		<li><a href="animals.jpg"><img src="animals.jpg" height="10px" width="10px" alt="Gandalf" /></a></li>
-		<li><a href="people.jpg"><img src="people.jpg" height="10px" width="10px" alt="Harry Potter" /></a></li>
+		<li><a href="people.jpg"><img src="people.jpg" alt="People" /></a></li>
 	</ul>
 
 </div>

gallery.html

@@ -13,8 +13,10 @@
   <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
+  <script type="text/javascript" src="javascript/jquery.lightbox-0.5.min.js"></script>
 
   <link rel="stylesheet" href="styles.css" type="text/css" media="all" />
+  <link rel="stylesheet" href="javascript/jquery.lightbox-0.5.css" type="text/css" media="all" />
 
   <script type="text/javascript">
     $(document).ready(function() {
@@ -43,5 +45,6 @@
         </ul>
     </div>
   <div>
+
 </body>
 </html>

styles.css

@@ -227,4 +227,16 @@ a:hover.close {background: url(bt_close.png) no-repeat left -19px;}
 }
 #accordion p {
 	font-style:italic;
-}
+}
+
+/*gallery*/
+#gal_nature li ,#gal_flower li,#gal_love li,#gal_abstract li,#gal_animal li {
+	list-style:none;
+}
+#gal_nature img ,#gal_flower img,#gal_love img,#gal_abstract img,#gal_animal img{
+	height:100px;
+	width:100px;
+	float:left;
+	display:inline;
+
+}