Using previous and next buttons

I recently downloaded a wedding template with the capability of a photo gallery on one of the pages. My husband and I officiate weddings and plan on making good use of the photo gallery with our own photos. The template page includes previous and next buttons after the photos but being very new at this I am unable to understand exactly how they can work. This is the code in the stylesheet:

#body div div div div div div a.prev,
div.body div div div#gallery div#paging a.prev {
background: url(../images/icon.png) no-repeat left -32px;
float: left;
text-indent: 25px;
}
#body div div div div div div a.next,
div.body div div div#gallery div#paging a.next {
background: url(../images/icon.png) no-repeat right 0;
float: right;
padding: 0 30px 0 0;

And this code is in the page itself:

<div id="paging">
<a href="gallery.html" class="prev">Previous</a>
<a href="gallery.html" class="next">Next</a>

Should I simply make three pages alike except for change in the photos, maybe call them gallery1.html for previous, gallery2.html and gallery3.html for next? It was the only thing I could think of.

I would appreciate any help. Thank you. Sharra

 

Hi Sharraon,

May be you need to make changes in your existing jquery script. If not, check the following link to add jquery script code in your web template.

http://stackoverflow.com/questions/...next-button-in-a-simple-jquery-slideshow-code

Or
To create a new Website with the DIY Website Builder. It's very Simple, Just Choose a Name, Pick a Great Design, Customize and publish it.