Help needed with gallery

[Paulo_G]

Hi,

I am currently doing a university project to build a website. I've not done much coding before. I want to put a scrolling gallery on one page. I'm using this template I found on here: http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm

It works fine when I put one on my page, however I now want 3 on the page. Great, but after copying and pasting the html bit into the body, only the first one works.

I'm completely stumped and would love some input from someone with more knowledge than me.

Thanks in advance for any help.

Paul

[BLiZZaRD]

Its a little work but do able. You need to edit the CSS. Personally I would copy the CSS into 2 new CSS files and rename them (even keep the name and add a 1, 2 etc to the end.

Once that is done, (lets assume you named the second CSS file gallerystyle2.css) you need to go in and rename every ID and class and append a "2" on the end of it. So #motioncontainer becomes #motioncontainer2 etc. Also do this for the 3rd one so that #motioncontainer becomes #motioncontainer3 etc.

Now in the HTMl code and the javascript do the same thing, everytime you see #motioncontainer add the 2 or the 3 to it. as well as the other ones.

That should clear it up. Not the cleanest method but a quick and dirty one.