PDA

View Full Version : Ultimate Fade-in slideshow Hyperlinks



Silver
11-04-2013, 10:31 PM
1) Script Title: Ultimate Fade-in slideshow hyperlinks

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.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:


<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

jscheuer1
11-05-2013, 01:53 AM
Each imagearray entry may be extended. Let's take the first one for example:


["http://mygiftsite.com/Images-Slideshow/Cabin-Birdhouse.jpg"],

That's the path to the image. You can add a link:


["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:


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

Silver
11-06-2013, 12:19 AM
John:

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


<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

jscheuer1
11-06-2013, 03:40 AM
This line:


//<--no trailing comma after very last image element! ],

Needs to be split:


//<--no trailing comma after very last image element!
],

Silver
11-06-2013, 04:17 AM
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