Results 1 to 2 of 2

Thread: Ultimate Fade-in Slideshow not showing on page

  1. #1
    Join Date
    Mar 2007
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in Slideshow not showing on page

    1) Script Title: Ultimate Fade-in slide show

    2) Script URL (on DD):

    3) Describe problem: Nothing shows on my webpage. What am I doing wrong? Any help is appreciated. I'm using dreamweaver cs4 to build website.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
    <title>slideshow</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Style-Type" content="text/css">
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
     
    <script type="text/javascript" src="fadeslideshow.js"> 
     
    /***********************************************
    * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
     
    </script>
    
     <script type="text/javascript">
     
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [750, 450], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
                    ["http://www.ttcollectiblegifts.com/shanmu_bowls_cover.jpg", "", "http://www.ttcollectiblegifts.com/shanmu.html", ""],
                    ["http://www.ttcollectiblegifts.com/cottage_garden_cover.jpg", "", "http://www.ttcollectiblegifts.com/cottagegarden.html", ""],
                    ["http://www.ttcollectiblegifts.com/baby_gifts_cover.jpg"],
                    ["", "http://www.ttcollectiblegifts.com/baby.html", "", ""] //<--no trailing comma after very last image element!
            ],
    	displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false, randomize:true},
            persist: false, //remember last viewed slide and recall within same session?
            fadeduration: 1500, //transition duration (milliseconds)
            descreveal: "ondemand",
            togglerid: ""
    })
     
     
    </script>
    </head>
    
    
    <body>
    <div id="fadeshow1"></div>
    
    </body>
    </html>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    If absolutely nothing is showing up, it's probably because the required file fadeslideshow.js is missing. Put it in the same folder as the page. If you don't have a copy, get one from the demo page.

    However, here (see highlighted and red):

    Code:
     <script type="text/javascript">
     
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [750, 450], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
                    ["http://www.ttcollectiblegifts.com/shanmu_bowls_cover.jpg", "", "http://www.ttcollectiblegifts.com/shanmu.html", ""],
                    ["http://www.ttcollectiblegifts.com/cottage_garden_cover.jpg", "", "http://www.ttcollectiblegifts.com/cottagegarden.html", ""],
                    ["http://www.ttcollectiblegifts.com/baby_gifts_cover.jpg"],
                    ["", "http://www.ttcollectiblegifts.com/baby.html", "", ""] //<--no trailing comma after very last image element!
            ],
    	displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false, randomize:true},
            persist: false, //remember last viewed slide and recall within same session?
            fadeduration: 1500, //transition duration (milliseconds)
            descreveal: "ondemand",
            togglerid: ""
    })
     
     
    </script>
    there's no image specified. That should only result in a blank spot or broken image token in the place of one of the slides.

    If fadeslideshow.js really is missing, fix that first.

    If you want more help:

    Please post a link to a page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •