Thread: altering a script

Morning

I have this really cool script that lets divide thumbnails into pages, so you can page through them...

What I would now like to do is, alter this script so that I can put any content inside these different pages, and have it page through them.

I've tried to alter the code myself, but I suck at js!

here's a link to the example:
JSGallery2 demopage

their html layout for the thumbnails looks like so:
(this example is just using 2 pages)

Code:

<div id="page01" class="page">
	<div id="image1" class="thumbnail">
		<a href="images/img1_big.jpg" rel="images/img1_big.jpg" class="thumblink">
			<img src="images/img1_thumb.jpg" alt=""/>
		</a>
	</div>
	
	<div id="image2" class="thumbnail">
		<a href="images/img2_big.jpg" rel="images/img2_big.jpg" class="thumblink">
			<img src="images/img2_thumb.jpg" alt=""/>
		</a>
	</div>
</div>

<div id="page02" class="page">
	<div id="image3" class="thumbnail">
		<a href="images/img3_big.jpg" rel="images/img3_big.jpg" class="thumblink">
			<img src="images/img3_thumb.jpg" alt=""/>
		</a>
	</div>
	
	<div id="image4" class="thumbnail">
		<a href="images/img4_big.jpg" rel="images/img4_big.jpg" class="thumblink">
			<img src="images/img4_thumb.jpg" alt=""/>
		</a>
	</div>
</div>

I'd like to have it altered so I can stick content in like so:

Code:

<div id="page01" class="page">
	<ul>
		<li>Any content</li>
		<li>Any content</li>
		<li>Any content</li>
		<li>Any content</li>
		<li>Any content</li>
	</ul>
</div>

<div id="page02" class="page">
	<ul>
		<li>Any content</li>
		<li>Any content</li>
		<li>Any content</li>
		<li>Any content</li>
		<li>Any content</li>
	</ul>
</div>

So basically i'd like to put any code in the <div id="page.." class="page"> and page through them.

If anyone can figure this out, or help me work through the js file (all found at the example link I gave) I would greatly appreciate it.

Many Thanks
Shem

cool... thanks bruv