How does Ultimate Fade-in slideshow (v2.4) work with Go Daddy Website Tonight? [Archive]

DRM4GOD

08-03-2012, 09:35 PM

Hi all, trying to get Ultimate Fade-in slideshow (v2.4) to work in Go Daddy Website Tonight template system.

There are 2 parts to the code: STEP 1 for header, STEP 2 for HTML.

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Website Tonight allows for 4 things:
1. A place to put Javascript in header section
2. A place to put Javascript in body section (if it needs to load on page load)
3. A Javascript script inserter in a page block
4. An HTML editor in a page block

The questions are:
1. Where does the script in STEPS 1 and 2 go in the Website Tonight system, as described above?
2. Where are the image file paths edited? Only in Step 1?

You must be familiar with Website Tonight to know these details. Any help would be greatly appeciated, thanks!

Mike

bernie1227

08-03-2012, 10:27 PM

I'm not exactly familiar with the system, but I doubt many people on this site use website builders.
1. From what it looks like, you're fine with steps one and two, and as the instructions say, you add JavaScript to the head, and the HTML into the body. However, we run into trouble when you have to link the javascriot file, as I don't know if you can upload files with the website and link them, if you can, that's great, but if you can't you may need to put the JavaScript into the head, I don't know I'd this will work however, but only do this if you can't upload it with the website

2. The paths of the images are defined within the javascriot that you originally put in the head under image array.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.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: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--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",
togglerid: ""
})

var mygallery2=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://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', 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: "fadeshow2toggler"
})

</script>