Results 1 to 3 of 3

Thread: Images not loading when returning to main page

  1. #1
    Join Date
    Mar 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Images not loading when returning to main page

    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

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

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

    Code:
    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).
    DD Admin

  3. #3
    Join Date
    Mar 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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?

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •