/* Ultimate Fade-in slideshow (v2.1) * Last updated: Sept 10th, 2009. This notice must stay intact for usage * Author: Dynamic Drive at http://www.dynamicdrive.com/ * Visit http://www.dynamicdrive.com/ for full source code */ // FOR INSTRUCTIONS ON THE DIFFERENT SETTINGS VISIT http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm // FOR HOMEPAGE FLASH GALLERY var mygallery=new fadeSlideShow({ wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow dimensions: [900, 600], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["uploaded_images/AMP_flash_001.jpg"], ["uploaded_images/AMP_flash_002.jpg"], //["uploaded_images/AMP_flash_003.jpg"], ["uploaded_images/AMP_flash_004.jpg"], ["uploaded_images/AMP_flash_005.jpg"], ["uploaded_images/AMP_flash_006.jpg"], ["uploaded_images/AMP_flash_007.jpg"], ["uploaded_images/AMP_flash_008.jpg"], ["uploaded_images/AMP_flash_009.jpg"], ["uploaded_images/AMP_flash_010.jpg"], ["uploaded_images/AMP_flash_011.jpg"], ["uploaded_images/AMP_flash_012.jpg"], //["uploaded_images/AMP_flash_013.jpg"], ["uploaded_images/AMP_flash_014.jpg"], ["uploaded_images/AMP_flash_015.jpg"], ["uploaded_images/AMP_flash_016.jpg"], ["uploaded_images/AMP_flash_017.jpg"], ["uploaded_images/AMP_flash_018.jpg"], ["uploaded_images/AMP_flash_019.jpg"], ["uploaded_images/AMP_flash_020.jpg"], ["uploaded_images/AMP_flash_021.jpg"], ["uploaded_images/AMP_flash_022.jpg"], ["uploaded_images/AMP_flash_023.jpg"], ["uploaded_images/AMP_flash_024.jpg"], ["uploaded_images/AMP_flash_025.jpg"], ["uploaded_images/AMP_flash_026.jpg"], ["uploaded_images/AMP_flash_027.jpg"], ["uploaded_images/AMP_flash_028.jpg"], ["uploaded_images/AMP_flash_029.jpg"], ["uploaded_images/AMP_flash_030.jpg"], ["uploaded_images/AMP_flash_031.jpg"], ["uploaded_images/AMP_flash_032.jpg"], ["uploaded_images/AMP_flash_033.jpg"], ["uploaded_images/AMP_flash_034.jpg"], ["uploaded_images/AMP_flash_035.jpg"], ["uploaded_images/AMP_flash_036.jpg"], ["uploaded_images/AMP_flash_037.jpg"], ["uploaded_images/AMP_flash_038.jpg"], ["uploaded_images/AMP_flash_039.jpg"], ["uploaded_images/AMP_flash_040.jpg"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false, randomize:true}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "always", togglerid: "" }) // FOR PORTRAIT FLASH GALLERY var mygallery=new fadeSlideShow({ wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow dimensions: [900, 600], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["uploaded_images/AMP_01_flash_001.jpg"], ["uploaded_images/AMP_01_flash_002.jpg"], ["uploaded_images/AMP_01_flash_003.jpg"], ["uploaded_images/AMP_01_flash_004.jpg"], ["uploaded_images/AMP_01_flash_005.jpg"], ["uploaded_images/AMP_01_flash_006.jpg"], ["uploaded_images/AMP_01_flash_007.jpg"], ["uploaded_images/AMP_01_flash_008.jpg"], ["uploaded_images/AMP_01_flash_009.jpg"], ["uploaded_images/AMP_01_flash_010.jpg"], ["uploaded_images/AMP_01_flash_011.jpg"], ["uploaded_images/AMP_01_flash_012.jpg"], ["uploaded_images/AMP_01_flash_013.jpg"], ["uploaded_images/AMP_01_flash_014.jpg"], ["uploaded_images/AMP_01_flash_015.jpg"], ["uploaded_images/AMP_01_flash_016.jpg"], ["uploaded_images/AMP_01_flash_017.jpg"], ["uploaded_images/AMP_01_flash_018.jpg"], ["uploaded_images/AMP_01_flash_019.jpg"], ["uploaded_images/AMP_01_flash_020.jpg"], ["uploaded_images/AMP_01_flash_021.jpg"], ["uploaded_images/AMP_01_flash_022.jpg"], ["uploaded_images/AMP_01_flash_023.jpg"], ["uploaded_images/AMP_01_flash_024.jpg"], ["uploaded_images/AMP_01_flash_025.jpg"], ["uploaded_images/AMP_01_flash_026.jpg"], ["uploaded_images/AMP_01_flash_027.jpg"], ["uploaded_images/AMP_01_flash_028.jpg"], ["uploaded_images/AMP_01_flash_029.jpg"], ["uploaded_images/AMP_01_flash_030.jpg"], ["uploaded_images/AMP_01_flash_031.jpg"], ["uploaded_images/AMP_01_flash_032.jpg"], ["uploaded_images/AMP_01_flash_033.jpg"], ["uploaded_images/AMP_01_flash_034.jpg"], ["uploaded_images/AMP_01_flash_035.jpg"], ["uploaded_images/AMP_01_flash_036.jpg"], ["uploaded_images/AMP_01_flash_037.jpg"], ["uploaded_images/AMP_01_flash_038.jpg"], ["uploaded_images/AMP_01_flash_039.jpg"], ["uploaded_images/AMP_01_flash_040.jpg"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false, randomize:true}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "always", togglerid: "" }) // FOR FILM THEATRE FLASH GALLERY var mygallery=new fadeSlideShow({ wrapperid: "fadeshow3", //ID of blank DIV on page to house Slideshow dimensions: [900, 600], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["uploaded_images/AMP_02_flash_001.jpg"], ["uploaded_images/AMP_02_flash_002.jpg"], ["uploaded_images/AMP_02_flash_003.jpg"], ["uploaded_images/AMP_02_flash_004.jpg"], ["uploaded_images/AMP_02_flash_005.jpg"], ["uploaded_images/AMP_02_flash_006.jpg"], ["uploaded_images/AMP_02_flash_007.jpg"], ["uploaded_images/AMP_02_flash_008.jpg"], ["uploaded_images/AMP_02_flash_009.jpg"], ["uploaded_images/AMP_02_flash_010.jpg"], ["uploaded_images/AMP_02_flash_011.jpg"], ["uploaded_images/AMP_02_flash_012.jpg"], ["uploaded_images/AMP_02_flash_013.jpg"], ["uploaded_images/AMP_02_flash_014.jpg"], ["uploaded_images/AMP_02_flash_015.jpg"], ["uploaded_images/AMP_02_flash_016.jpg"], ["uploaded_images/AMP_02_flash_017.jpg"], ["uploaded_images/AMP_02_flash_018.jpg"], ["uploaded_images/AMP_02_flash_019.jpg"], ["uploaded_images/AMP_02_flash_020.jpg"], ["uploaded_images/AMP_02_flash_021.jpg"], ["uploaded_images/AMP_02_flash_022.jpg"], ["uploaded_images/AMP_02_flash_023.jpg"], ["uploaded_images/AMP_02_flash_024.jpg"], ["uploaded_images/AMP_02_flash_025.jpg"], ["uploaded_images/AMP_02_flash_026.jpg"], ["uploaded_images/AMP_02_flash_027.jpg"], ["uploaded_images/AMP_02_flash_028.jpg"], ["uploaded_images/AMP_02_flash_029.jpg"], ["uploaded_images/AMP_02_flash_030.jpg"], ["uploaded_images/AMP_02_flash_031.jpg"], ["uploaded_images/AMP_02_flash_032.jpg"], ["uploaded_images/AMP_02_flash_033.jpg"], ["uploaded_images/AMP_02_flash_034.jpg"], ["uploaded_images/AMP_02_flash_035.jpg"], ["uploaded_images/AMP_02_flash_036.jpg"], ["uploaded_images/AMP_02_flash_037.jpg"], ["uploaded_images/AMP_02_flash_038.jpg"], ["uploaded_images/AMP_02_flash_039.jpg"], ["uploaded_images/AMP_02_flash_040.jpg"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false, randomize:true}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "always", togglerid: "" }) // FOR FILM LANDSCAPE FLASH GALLERY var mygallery=new fadeSlideShow({ wrapperid: "fadeshow4", //ID of blank DIV on page to house Slideshow dimensions: [900, 600], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["uploaded_images/AMP_03_flash_001.jpg"], ["uploaded_images/AMP_03_flash_002.jpg"], ["uploaded_images/AMP_03_flash_003.jpg"], ["uploaded_images/AMP_03_flash_004.jpg"], ["uploaded_images/AMP_03_flash_005.jpg"], ["uploaded_images/AMP_03_flash_006.jpg"], ["uploaded_images/AMP_03_flash_007.jpg"], ["uploaded_images/AMP_03_flash_008.jpg"], ["uploaded_images/AMP_03_flash_009.jpg"], ["uploaded_images/AMP_03_flash_010.jpg"], ["uploaded_images/AMP_03_flash_011.jpg"], ["uploaded_images/AMP_03_flash_012.jpg"], ["uploaded_images/AMP_03_flash_013.jpg"], ["uploaded_images/AMP_03_flash_014.jpg"], ["uploaded_images/AMP_03_flash_015.jpg"], ["uploaded_images/AMP_03_flash_016.jpg"], ["uploaded_images/AMP_03_flash_017.jpg"], ["uploaded_images/AMP_03_flash_018.jpg"], ["uploaded_images/AMP_03_flash_019.jpg"], ["uploaded_images/AMP_03_flash_020.jpg"], ["uploaded_images/AMP_03_flash_021.jpg"], ["uploaded_images/AMP_03_flash_022.jpg"], ["uploaded_images/AMP_03_flash_023.jpg"], ["uploaded_images/AMP_03_flash_024.jpg"], ["uploaded_images/AMP_03_flash_025.jpg"], ["uploaded_images/AMP_03_flash_026.jpg"], ["uploaded_images/AMP_03_flash_027.jpg"], ["uploaded_images/AMP_03_flash_028.jpg"], ["uploaded_images/AMP_03_flash_029.jpg"], ["uploaded_images/AMP_03_flash_030.jpg"], ["uploaded_images/AMP_03_flash_031.jpg"], ["uploaded_images/AMP_03_flash_032.jpg"], ["uploaded_images/AMP_03_flash_033.jpg"], ["uploaded_images/AMP_03_flash_034.jpg"], ["uploaded_images/AMP_03_flash_035.jpg"], ["uploaded_images/AMP_03_flash_036.jpg"], ["uploaded_images/AMP_03_flash_037.jpg"], ["uploaded_images/AMP_03_flash_038.jpg"], ["uploaded_images/AMP_03_flash_039.jpg"], ["uploaded_images/AMP_03_flash_040.jpg"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false, randomize:true}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "always", togglerid: "" }) // FOR FILM ARCHITECTURE FLASH GALLERY var mygallery=new fadeSlideShow({ wrapperid: "fadeshow5", //ID of blank DIV on page to house Slideshow dimensions: [900, 600], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["uploaded_images/AMP_04_flash_001.jpg"], ["uploaded_images/AMP_04_flash_002.jpg"], ["uploaded_images/AMP_04_flash_003.jpg"], ["uploaded_images/AMP_04_flash_004.jpg"], ["uploaded_images/AMP_04_flash_005.jpg"], ["uploaded_images/AMP_04_flash_006.jpg"], ["uploaded_images/AMP_04_flash_007.jpg"], ["uploaded_images/AMP_04_flash_008.jpg"], ["uploaded_images/AMP_04_flash_009.jpg"], ["uploaded_images/AMP_04_flash_010.jpg"], ["uploaded_images/AMP_04_flash_011.jpg"], ["uploaded_images/AMP_04_flash_012.jpg"], ["uploaded_images/AMP_04_flash_013.jpg"], ["uploaded_images/AMP_04_flash_014.jpg"], ["uploaded_images/AMP_04_flash_015.jpg"], ["uploaded_images/AMP_04_flash_016.jpg"], ["uploaded_images/AMP_04_flash_017.jpg"], ["uploaded_images/AMP_04_flash_018.jpg"], ["uploaded_images/AMP_04_flash_019.jpg"], ["uploaded_images/AMP_04_flash_020.jpg"], ["uploaded_images/AMP_04_flash_021.jpg"], ["uploaded_images/AMP_04_flash_022.jpg"], ["uploaded_images/AMP_04_flash_023.jpg"], ["uploaded_images/AMP_04_flash_024.jpg"], ["uploaded_images/AMP_04_flash_025.jpg"], ["uploaded_images/AMP_04_flash_026.jpg"], ["uploaded_images/AMP_04_flash_027.jpg"], ["uploaded_images/AMP_04_flash_028.jpg"], ["uploaded_images/AMP_04_flash_029.jpg"], ["uploaded_images/AMP_04_flash_030.jpg"], ["uploaded_images/AMP_04_flash_031.jpg"], ["uploaded_images/AMP_04_flash_032.jpg"], ["uploaded_images/AMP_04_flash_033.jpg"], ["uploaded_images/AMP_04_flash_034.jpg"], ["uploaded_images/AMP_04_flash_035.jpg"], ["uploaded_images/AMP_04_flash_036.jpg"], ["uploaded_images/AMP_04_flash_037.jpg"], ["uploaded_images/AMP_04_flash_038.jpg"], ["uploaded_images/AMP_04_flash_039.jpg"], ["uploaded_images/AMP_04_flash_040.jpg"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false, randomize:true}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "always", togglerid: "" }) // FOR FILM CONCEPT ART ARCHITECTURE FLASH GALLERY var mygallery=new fadeSlideShow({ wrapperid: "fadeshow6", //ID of blank DIV on page to house Slideshow dimensions: [900, 600], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["uploaded_images/AMP_05_flash_001.jpg"], ["uploaded_images/AMP_05_flash_002.jpg"], ["uploaded_images/AMP_05_flash_003.jpg"], ["uploaded_images/AMP_05_flash_004.jpg"], ["uploaded_images/AMP_05_flash_005.jpg"], ["uploaded_images/AMP_05_flash_006.jpg"], ["uploaded_images/AMP_05_flash_007.jpg"], ["uploaded_images/AMP_05_flash_008.jpg"], ["uploaded_images/AMP_05_flash_009.jpg"], ["uploaded_images/AMP_05_flash_010.jpg"], ["uploaded_images/AMP_05_flash_011.jpg"], ["uploaded_images/AMP_05_flash_012.jpg"], ["uploaded_images/AMP_05_flash_013.jpg"], ["uploaded_images/AMP_05_flash_014.jpg"], ["uploaded_images/AMP_05_flash_015.jpg"], ["uploaded_images/AMP_05_flash_016.jpg"], ["uploaded_images/AMP_05_flash_017.jpg"], ["uploaded_images/AMP_05_flash_018.jpg"], ["uploaded_images/AMP_05_flash_019.jpg"], ["uploaded_images/AMP_05_flash_020.jpg"], ["uploaded_images/AMP_05_flash_021.jpg"], ["uploaded_images/AMP_05_flash_022.jpg"], ["uploaded_images/AMP_05_flash_023.jpg"], ["uploaded_images/AMP_05_flash_024.jpg"], ["uploaded_images/AMP_05_flash_025.jpg"], ["uploaded_images/AMP_05_flash_026.jpg"], ["uploaded_images/AMP_05_flash_027.jpg"], ["uploaded_images/AMP_05_flash_028.jpg"], ["uploaded_images/AMP_05_flash_029.jpg"], ["uploaded_images/AMP_05_flash_030.jpg"], ["uploaded_images/AMP_05_flash_031.jpg"], ["uploaded_images/AMP_05_flash_032.jpg"], ["uploaded_images/AMP_05_flash_033.jpg"], ["uploaded_images/AMP_05_flash_034.jpg"], ["uploaded_images/AMP_05_flash_035.jpg"], ["uploaded_images/AMP_05_flash_036.jpg"], ["uploaded_images/AMP_05_flash_037.jpg"], ["uploaded_images/AMP_05_flash_038.jpg"], ["uploaded_images/AMP_05_flash_039.jpg"], ["uploaded_images/AMP_05_flash_040.jpg"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false, randomize:true}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) descreveal: "always", togglerid: "" }) // USE THE BELOW FOR AN ADDITIONAL SLIDE SHOW EITHER ON THE SAME PAGE OR A DIFFERENT PAGE, JUST CREATE
WHERE IT NEEDS TO GO IN THE PAGE //var mygallery=new fadeSlideShow({ // wrapperid: "fadeshow2", //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://photo.wordserver.co.uk/uploaded_images/15_570.jpg"], // ["http://photo.wordserver.co.uk/uploaded_images/11_570.jpg"], // ["http://photo.wordserver.co.uk/uploaded_images/24_570.jpg"], // ["http://photo.wordserver.co.uk/uploaded_images/09_570.jpg"] //<--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: "always", // togglerid: "" //}) // USE THE BELOW FOR POPUP DESCRIPTION/CAPTIONS AND ALSO LINKING TO WEBSITES OR PAGES IN A NEW WINDOW OR THE SAME WINDOW, CHANGE descreval TO ondemand FOR POPUP CAPTION OR always FOR CONSTANT DISPLAY //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://photo.wordserver.co.uk/uploaded_images/15_570.jpg", "http://www.google.co.uk", "_new", "Here is a popup caption when you hover over the image, it also links to google in a new window"], // ["http://photo.wordserver.co.uk/uploaded_images/11_570.jpg", "http://www.google.co.uk", "", "Here is another caption, it links to google in the same window"], // ["http://photo.wordserver.co.uk/uploaded_images/24_570.jpg", "http://www.google.co.uk"], // ["http://photo.wordserver.co.uk/uploaded_images/09_570.jpg"] //<--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", //<-- OPTIONS: ondemand FOR POPUP CAPTION, always FOR CONSTANTLY DISPLAYED CAPTIONS // togglerid: "" //}) // USE THE BELOW FOR POPUP DESCRIPTION/CAPTIONS THAT CAN BE HIDDEN AND RESTORED CLICKING THE BUTTON IN THE BOTTOM RIGHT CORNER OF THE IMAGE //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://photo.wordserver.co.uk/uploaded_images/15_570.jpg", "", "", "Here is another caption"], // ["http://photo.wordserver.co.uk/uploaded_images/11_570.jpg", "", "", "Here is another caption"], // ["http://photo.wordserver.co.uk/uploaded_images/24_570.jpg", "", "", "Here is another caption"], // ["http://photo.wordserver.co.uk/uploaded_images/09_570.jpg", "", "", "Here is another caption"] //<--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: "always", //<-- OPTIONS: ondemand FOR POPUP CAPTION, always FOR CONSTANTLY DISPLAYED CAPTIONS // togglerid: "" //}) // USE THE BELOW TO INCLUDE A TOGGLE, WHICH ALLOWS THE USER TO BROWSE THROUGH IMAGES RATHER THAN THE AUTOMATIC FADE. YOU NEED TO REFERENCE A TOGGLE ID ON THE LAST LINE. YOU ALSO NEED TO ADD A NEW
TO THE WEB PAGE, CODE EXAMPLE AT BOTTOM //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://photo.wordserver.co.uk/uploaded_images/15_570.jpg", "", "", "Here is another caption"], // ["http://photo.wordserver.co.uk/uploaded_images/11_570.jpg", "", "", "Here is another caption"], // ["http://photo.wordserver.co.uk/uploaded_images/24_570.jpg", "", "", "Here is another caption"], // ["http://photo.wordserver.co.uk/uploaded_images/09_570.jpg", "", "", "Here is another caption"] //<--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: "always", //<-- OPTIONS: ondemand FOR POPUP CAPTION, always FOR CONSTANTLY DISPLAYED CAPTIONS // togglerid: "fadeshow1toggler" //}) //
// //