If you do not know coding/javascript/DOM that well, I would suggest
sticking with one page per change.
But, if you want to dive in...
Set up a div with an ID, and then use the load method to change it in JS
when needed.
i.e. (this has not been tested in any way)
<div id="myslides"></<div>
<a href="#" id="previousSlide">Previous</a>
<a href="#" id="nextSlide">Next</a>
<script type="text/javascript">
$(document).ready( function () {
$("#nextSlide").click(function () {
$("#myslides").load("myslide.htm");
});
});
</script>
With a little logic in there you can easily decide what slide you want.
Then just put each of the slide "content" (image, html, etc) into it's
own file and call that in the .load() function.
This approach can be simple, or it can get a little complex - especially
if your loaded page includes other JavaScript to use. But this is a
well known type of issue that has been dealt with many times....
HTH
Shawn
rince78