I have looked around for a vertical image slideshow and have found Dynamic Drive's 'Up-Down Image Slideshow Script' is ideal for our needs.
Unfortunately as we add new products regularly, we would have to edit every single page on our site for it to update with the image/link.
What we would like to do, on our new site http://www.gardeningontheweb.co.uk, is to show images of our product categories(eg. a n aquarium - which is linked to our aquatic shop department. The scrolling images will appear in the area marked "Text/images/promotion for CGC Actinic pages", along with small marketing introductions.
So the idea is to put the javascript code in a file, say slide.js
Inside each html document, put the code as <script src="slide.js"></script>
This will then 'call' the slide.js file when you go to another page, thus meaning to add new images/image links all we need to do is add 1 line of code to the slide.js file.
Unfortunately when I have tried this, nothing appears. I have copied the code directly, yet it doesn't work - the area where the scrolling images should be disappears. Yet when I copy and paste the code as Dynamic Drive instruct you to do so, into the html document, it works perfectly.
So, my question is: is is possible to put the javascript in a file, call that file, so that only the javascript file ever needs edited?
As the code is quite long, I have only posted the link to the page where you can view the code as well as see what it looks like.
Thank you:D