Results 1 to 5 of 5

Thread: Ultimate Fade-in slideshow Hyperlinks

  1. #1
    Join Date
    Nov 2013
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow Hyperlinks

    1) Script Title: Ultimate Fade-in slideshow hyperlinks

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

    3) Describe problem: I am brand new to this forum and I am so glad you are here! I have had the ultimate fade-in slideshow for some time now and I love it. I have always wanted to add hyperlinks to the images to when someone clicks on the image it will take them to the page where this image is. Believe it or not my site was built on FrontPage 2002 and I really miss the software. Anyway, this is a copy of my code:

    Code:
    <script type="text/javascript">
    
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [953, 389], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["http://mygiftsite.com/Images-Slideshow/Cabin-Birdhouse.jpg"],
    		["http://mygiftsite.com/Images-Slideshow/Thanksgiving_2013.jpg"],
    		["http://mygiftsite.com/Images-Slideshow/CinnamonCandle.jpg"],
    		["http://mygiftsite.com/Images-Slideshow/CuckooClock.jpg"],
    		["http://mygiftsite.com/Images-Slideshow/PalmTree.jpg"],
    		["http://mygiftsite.com/Images-Slideshow/SageBathSet.jpg"]
    		//<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:9000, cycles:0, wraparound:false} ,
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "no",
    	togglerid: ""
    	})
          </script>
    As you have already guessed, the name of my website is www.mygiftsite.com. I really appreciate the help as I am still not a coder.

    Thanks in advance,

    Silver
    Last edited by jscheuer1; 11-05-2013 at 01:47 AM. Reason: Format

  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

    Each imagearray entry may be extended. Let's take the first one for example:

    Code:
    ["http://mygiftsite.com/Images-Slideshow/Cabin-Birdhouse.jpg"],
    That's the path to the image. You can add a link:

    Code:
    ["http://mygiftsite.com/Images-Slideshow/Cabin-Birdhouse.jpg", "http://www.dynamicdrive.com/"],
    If you do that and click on that image, it will take you to Dynamic Drive. You can use any link you like though.

    If you want it to open in a new tab, you can add a target:

    Code:
    ["http://mygiftsite.com/Images-Slideshow/Cabin-Birdhouse.jpg", "http://www.dynamicdrive.com/", "_blank"],
    - John
    ________________________

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

  3. #3
    Join Date
    Nov 2013
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    John:

    Thanks for your help but I must have messed something up. This is what I have now and it shut everything down:

    Code:
    <script type="text/javascript">
    
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [953, 389], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["http://mygiftsite.com/Images-Slideshow/Cabin-Birdhouse.jpg", "http://www.mygiftsite.com/Bird-Houses-Victorian-Bird-Houses-Country-Bird-Houses.htm"],
                 ["http://mygiftsite.com/Images-Slideshow/Thanksgiving_2013.jpg", "http://www.mygiftsite.com/Thanksgiving-Decorations.htm"],
                 ["http://mygiftsite.com/Images-Slideshow/CinnamonCandle.jpg", "http://www.mygiftsite.com/Scented-Candles-Scented-Jar-Candles.htm"],
                 ["http://mygiftsite.com/Images-Slideshow/CuckooClock.jpg", "http://www.mygiftsite.com/Cuckoo-Clocks-Black-Forest-Cuckoo-Clocks.htm"],
                 ["http://mygiftsite.com/Images-Slideshow/PalmTree.jpg", "http://www.mygiftsite.com/Silk-Plants-Silk-Trees-Silk-Flowers.htm"],
                 ["http://mygiftsite.com/Images-Slideshow/SageBathSet.jpg", "http://www.mygiftsite.com/Bath-Accessory-Bath-Accessories-Discount-Bath-Accessories01.htm"]
                    //<--no trailing comma after very last image element!	],
    	displaymode: {type:'auto', pause:9000, cycles:0, wraparound:false} ,
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "no",
    	togglerid: ""
    	})
          </script>

    Thanks again for your assistance,

    Silver
    Last edited by jscheuer1; 11-06-2013 at 03:37 AM. Reason: Format

  4. #4
    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

    This line:

    Code:
                    //<--no trailing comma after very last image element!	],
    Needs to be split:

    Code:
                    //<--no trailing comma after very last image element!
    	],
    - John
    ________________________

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

  5. #5
    Join Date
    Nov 2013
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    John: Unbelievable, something so elementary can cause such a problem. I am so glad that you know your stuff and for your reply. I will continue, now, to be patient. Please take a look at the site now. www.mygiftsite.com. I have never been able to do this!! It's great, especially with the Holiday season approaching!!!

    Thanks again. I will be back.

    You are the best,

    Silver
    Last edited by jscheuer1; 11-06-2013 at 04:24 AM. Reason: Format

Similar Threads

  1. Ultimate Fade-In Slideshow -- hyperlinks not working
    By farrahdiva in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 04-19-2013, 05:58 AM
  2. adding hyperlinks to Fade In Slideshow v2.0
    By Ty8 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-03-2012, 03:59 AM
  3. Replies: 3
    Last Post: 07-12-2010, 04:04 PM
  4. Ultimate Fade in Slideshow - how to require FIRST image to fade in?
    By charmedworks in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 06-17-2008, 07:12 PM
  5. Change fade time in Ultimate Fade In slideshow
    By Zaphodz in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 11-17-2006, 01:08 PM

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
  •