I have put the html and css in place but I have no js knowlede so I was wondering where to put the js file. Do I just name the file anything I want and place it will all the other js files? if so how does my html and css know how to link to it?

That's all you need. There's a link to the jQeury library that's hosted on Google, and then a script specific to this slideshow (and the order matters—the library must come first). You could, it you wish, place the library and the other code in your scripts folder and link to them there.

You don't need to do anything else, though. The JavaScript looks at your page and takes note of the HTML/CSS by itself.

If you view source on the demo page for that slideshow, you'll see this in the head...

That means the <head> section. So, place the code I posted above in the <head> section of your page. (I'm surprised you're confused, as you've done this before with another slider.)

If you were to view the source code of that slider's demo page, and copy that code, and paste it into a page of your own, the slider will work as is (apart for the images not showing up). So you can see from that demo what the page code needs to look like.

In the head you have your links to CSS files and JS files, and in the body you have all your divs etc holding the slider content.

So what you mean is the script that is included in the head I can put in a .js file and link to it instead.

Yes: you can copy the code of those two scripts, place them in their own files somewhere in your site, and link to them in the head of your document (or even right at the bottom of your page, just before the closing </body> tag, which is becoming the preferred method.)

The reason a lot of people link to Google's version of the code is that it is delivered quickly and people may already have that code cached in their browsers (through having visited another site with the same link). So it may speed up your site a bit.

I just put all the in the header but it doesn't seem to scroll, what have ai done wrong or do I need to enable anything?

There's nothing else you need to do, but you do have to check that the HTML still has any ids etc. that the script is looking for. We'd need to see you page to have a clue, though.

You don't have any styles for the #slideshow div yet. You've really got to be careful and systematic when implementing something like this. Really look carefully at the original and check every part of it step by step: the original HTML, the styles that apply to it etc.

OK, so you've put the CSS in, but it gives rules for #slideshow and #slidesContainer, neither of which exist in the HTML. You've given other names to the slider elements, like .sliderGallery, .slider etc.

That's what I mean about being careful and systematic. If you change the class/ID names in the HTML, you need to change them in the CSS.

No need to be sorry! A forum is for asking questions. If I seemed critical in my reply, I didn't mean to. I'm just speaking from experience, knowing that you've got to be really careful when modifying this stuff. Unless you work very carefully, checking at each step as you modify things, it all becomes as disaster that may need to be scrapped. (It's like taking a car engine apart, I guess. You've got to keep track of where everything goes.) So make small changes at a time and check that you haven't broken anything. I usually modify a gallery like this on a page of its own, and when it's the way I want it, I insert it into the page.