Ultimate Fade-In SlideShow-no images on live site

[brownc4]

1) Script Title: Ultimate Fade-in Slideshow v2.4

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: The slide show works great on my computer but when I put the coding into my page online it doesn't work. I've uploaded the .js file. I assume its something wrong with the filenames for the pictures?

http://www.astismittens.com/pages/test

password: mittens

Thanks

[azoomer]

It seems that the path to fadeslideshow.js is not working. That would be the first thing to fix

[brownc4]

how do i fix that? sorry, but just starting to learn coding.

[azoomer]

Did you upload the fadeslideshow.js to your server ? In what location (folder) is it.

edit: okay I see you figured it out, great

[brownc4]

Now I am having trouble with the other pages because i don't use the id-fadeshow1 other than on the one page. An error message pops up. How do I select which scripts to run on which pages? As I am using a template for the theme for all pages but have individual templates as well that grab all the header info from the main template.

[azoomer]

I see what you mean. I don't know your cms, so its difficult to say how it could be done. Usually some kind of conditional php statement would do it.
Another thing that may be easier is to put the fadeslideshow.js and the onpage script for the slideshow in the body section instead of the header. That way you may be able to put it only on the page where it is needed, if you insert it in the template for that particular page. I'm not sure if it is correct to do it that way, but it seems to work when I try it out.

By the way, you have the jquery library many times on your page. Usually on instance of jquery would be enough.

[jscheuer1]

Now I am having trouble with the other pages because i don't use the id-fadeshow1 other than on the one page. An error message pops up. How do I select which scripts to run on which pages? As I am using a template for the theme for all pages but have individual templates as well that grab all the header info from the main template.

Wherever it is that you have this or something like it:

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
		["http://i30.tinypic.com/531q3n.jpg"],
		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

Make it like so:

jQuery(function($){
if($('#fadeshow1').size() === 1)
var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
		["http://i30.tinypic.com/531q3n.jpg"],
		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})
});