PDA

View Full Version : Images not loading when returning to main page



sbutler
03-22-2010, 03:06 AM
1) Script Title:
Fade-in Slideshow (v2.1)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.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
03-22-2010, 07:22 PM
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
03-22-2010, 08:59 PM
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?