PDA

View Full Version : Ultimate Fade-in slideshow * move script to external file - out of header



SteveNelson
04-30-2009, 03:33 PM
1) Script Title: Ultimate Fade-in slideshow (v1.51)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I would like to move the script from the header of the file to an external file. I understand I should be able to save the script as a file named like: fadeshowimages.js and then call it from a webpage with something like this:


<SCRIPT SRC="fadeshowimages.js"></SCRIPT>


but, do I need to somehow include some or all of the parameters as below when I call the external script?



<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder "R" use R in quotes for random order)
new fadeshow(fadeimages, 988, 150, 0, 4000, 1)
</script>

jscheuer1
05-01-2009, 05:45 AM
Yes, but that can also be another separate external script located in the body of your page where:


<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder "R" use R in quotes for random order)
new fadeshow(fadeimages, 988, 150, 0, 4000, 1)
</script>

would have been, ex (in the body of your page where you want the slide show to appear):


<script type="text/javascript" src="slideshowinit.js"></script>

and the contents of slideshowinit.js (the name of the file isn't critical):


//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder "R" use R in quotes for random order)
new fadeshow(fadeimages, 988, 150, 0, 4000, 1)

Just one other important thing, where you call the main script (in the page's head), due to Dynamic Drive's usage terms and corrected for proper syntax, the credit must appear in your page's source code, use:


<script type="text/javascript" src="fadeshowimages.js">

/***********************************************
* Ultimate Fade-In Slideshow (v1.51): Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

Instead of:


<SCRIPT SRC="fadeshowimages.js"></SCRIPT>

Here are some general guidelines and links to more info:


Use a text editor to save the script, call it 'file_name.js' where 'file_name' can be any valid file name of your choosing. Substitute the name of your external .js file for some.js in the below:


<script src="some.js" type="text/javascript"></script>

Common problems arise when:

1 ) The script file is not in the directory specified. In the above example it must be in the same directory as the page(s) that use it. Below, it can be in the scripts directory off of the root of a domain:


<script src="http://www.somedomain.com/scripts/some.js" type="text/javascript"></script>

2 ) Opening, closing and/or 'hiding' tags are left in the external file. This means that you must strip:
<script>
<!--and
//-->
</script>and any of their many variations from the beginning and end of the external file.

3 ) The external call (<script src="some.js" type="text/javascript"></script>) is not inserted into the page at the correct spot. The external call must be inserted at the same place on the page where the script was/would have been.

4 ) Paths to other files (if) used by the script are no longer valid due to its location. This is only a problem if the external script is kept in a different directory than the page it was working on when it was an internal script. To correct this, use absolute paths inside the script. Absolute path examples:


http://www.somedomain.com/images/button.gif

http://www.somedomain.com/~mysitename/index.html

5 ) Inappropriately combining two or more scripts into one external file. Usually external scripts can be combined if one knows enough about scripting to do so properly. Even then it is possible to overlook something.

A rule of thumb when testing is, if it won't work on the page, it won't work as an external file either.

One other thing, if this is a DD script or any script that requires the credit remain for legal use, include the credit in the on page call, ex (see usage terms (http://www.dynamicdrive.com/notice.htm) for more info on this, especially item 4 from the terms):


<script src="some.js" type="text/javascript">
/***********************************************
* IFrame SSI script II- Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>

Make sure to retain all the 'decorations', as these include begin and end javascript comment delimiters, without which the script won't function.

There is also info here:

http://www.javascriptkit.com/javatutors/external.shtml