HTML Forum

**MissKitty680** · 12-22-2007, 01:06 AM

First off, I'm so new at this it isn't even funny. I found a template for a photo gallery and I seem to have most of it in working order. Clicking on the thumbnail bring to to the right picture, but... the next and previous buttons on the large viewer of the photo gallery aren't hooked up and I don't know how to do that.

Code:

 
<!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>
<title>Photo Archive - Kel</title>
<link href="gallery.css" rel="stylesheet" type="text/css" />
</head>
<body> 
<div id="wrap"> 
  <div id="header"> 
    <h1></h1> 
  </div> 
  <div id="main-content"> 
    <div id="fullplate-photo"> 
      <h2>An old photo of Kel and Elena back at Area KE-13. The experimental facility they both grew up in.</h2> 
      <img src="images/kelelenalabB.jpg" alt="fullplate photo" width="600" height="420" /> </div> 
  </div> 
  <ul id="fullplate-navigation"> 
    <li id="previous"><a href="#" title="previous"> &laquo;</a></li> 
    <li id="thumbnails"><a href="kelphotos.html" title="thumbnail gallery">thumbs</a></li> 
    <li id="next"><a href="#" title="next">&raquo;</a></li> 
  </ul> 
  <div id="foot"> 
    <p></p> 
  </div> 
</div> 
</body>
</html>

I want it to be able to scroll through the photos in the gallery by using the next button, but am unsure how to do that.

Any help would be greatly appreciated. Thanks.

**Moxxnixx** · 02:06 AM

Since this is html, you will need to insert the actual url of each previous and next photo page in place of the "#" characters.

For example,
<a href="#" title="previous"> becomes <a href="photo-A.html" title="previous">
and
<a href="#" title="next"> becomes <a href="photo-C.html" title="next">

**MissKitty680** · 12-22-2007, 02:22 AM

is there any way to get a similar effect using a differnt type of coding?

I wanted to make several galleries with about 40 slides per gallery. They need to be able to be veiwed one at a time like in the code above, with a next and previous button and have a large space for description (though I would prefer it be at the bottom rather then the top).

thanks so much.

**Moxxnixx** · 12-22-2007, 02:35 AM

Sure, take your pick. There's php, asp, cgi/perl, flash, etc.

There are plenty of pre-made scripts to use, such as Coppermine Gallery.

**Gx3 Grafix** · 12-22-2007, 10:39 AM

That a good one. Also, you may want to check out this 'sticky' posted by LnR in the website design forum. 30 solutions for image galleries. It's a great link.

**levista** · 12-24-2007, 12:43 PM

Zenphoto.org is a great image gallery, i installed in like 5 mins, its a peach

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!