Images not loading when returning to main page

[sbutler]

1) Script Title:
Fade-in Slideshow (v2.1)

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

3) Describe problem:
Most of the time when I load the main page it works fine and shows all 9 separate instances. When I click on the Activities page and return to the main page, only 2 of the 9 image instances work. I am working on a Mac and have tried with Safari, Firefox, and Chrome. Any ideas?

http://www.coloradowildernessridesandguides.com/cwrag

[ddadmin]

There may be other issues, but looking at your source, you currently have the following:

var mygallery=new fadeSlideShow({
	wrapperid: "frontpage", //ID of blank DIV on page to house Slideshow
	dimensions: [900, 425], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/frontpage3.jpg", "", "", "Group Hiking"],
		["cwrag/images/frontpage4.jpg", "", "", "Elks in Rocky Mountain National Park"],
		["cwrag/images/frontpage2.jpg", "", "", "Ski Tours"],		
		["cwrag/images/frontpage1.jpg", "", "", "Fall Foliage"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

var mygallery=new fadeSlideShow({
	wrapperid: "box1", //ID of blank DIV on page to house Slideshow
	dimensions: [150, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/boxes/hiking.jpg", "hiking.html", "", "Hiking"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:50000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

var mygallery=new fadeSlideShow({
	wrapperid: "box2", //ID of blank DIV on page to house Slideshow
	dimensions: [150, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/boxes/teambuilding.jpg", "teambuilding.html", "", "Team Building"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:5000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

var mygallery=new fadeSlideShow({
	wrapperid: "box3", //ID of blank DIV on page to house Slideshow
	dimensions: [150, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/boxes/mountainbiking.jpg", "mountainbiking.html", "", "Mountain Biking"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:5000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

var mygallery=new fadeSlideShow({
	wrapperid: "box4", //ID of blank DIV on page to house Slideshow
	dimensions: [150, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/boxes/backpacking.jpg", "backpacking.html", "", "Backpacking"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:5000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

var mygallery=new fadeSlideShow({
	wrapperid: "box5", //ID of blank DIV on page to house Slideshow
	dimensions: [150, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/boxes/fishing.jpg", "fishing.html", "", "Fishing"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:5000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

var mygallery=new fadeSlideShow({
	wrapperid: "box6", //ID of blank DIV on page to house Slideshow
	dimensions: [150, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/boxes/sightseeing.jpg", "sightseeing.html", "", "Sightseeing"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:5000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

var mygallery=new fadeSlideShow({
	wrapperid: "box7", //ID of blank DIV on page to house Slideshow
	dimensions: [150, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/boxes/grouptours.jpg", "grouptours.html", "", "Group Tours"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:5000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

var mygallery=new fadeSlideShow({
	wrapperid: "box8", //ID of blank DIV on page to house Slideshow
	dimensions: [150, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["cwrag/images/boxes/snowshoeing.jpg", "snowshoeing.html", "", "Snowshoeing"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:5000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

Each of your fade instances have been assigned to the same variable name ("mygallery") when it should be unique for each instance (ie: "mygallery", "mygallery2", "mygallery3" etc).

[sbutler]

Thanks for catching that oversight, but the issue still seems to be remaining. The rest of the code was essentially copied and pasted from the example on the Dynamic Drive website. Could there be an issue with the script from Dynamic Drive?