djvip
06-07-2008, 04:18 PM
1) Script Title: Swiss Army Image Slideshow
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm
3) Describe problem: I added the slide show to my home page. I added the photos in my images folder on the server, I uploaded the external .js file When I preview it through dreamweaver everything is working properly. When I acutally upload my index page to my server and look at the page, all you see is a space where the slide show should be. Not sure why its not showing up. Here is the link the page
http://www.djvippresents.com
can someone please help me figure out why its not working?
Here is the code I'm using
Head:
(more code here)
var slides2=[]; //SECOND SLIDESHOW
//configure the below images and descriptions to your own.
slides2[0] = ["images/Photo1.jpg", "JD High School"];
slides2[1] = ["images/Photo2.jpg", "DJ VIP Working Hard"];
slides2[2] = ["images/Photo3.jpg", "Kids Just Wanna Have Fun"];
slides2[3] = ["images/Photo4.jpg", "Lunch is Served"];
slides2[4] = ["images/Photo5.jpg", "Dance to the Music"];
slides2[5] = ["images/Photo6.jpg", "VIP Presents Wedding Shelf"];
slides2[6] = ["images/Photo7.jpg", "TouchStone Health Family"];
slides2[7] = ["images/Photo8.jpg", "Go Red Rams"];
slides2[8] = ["images/Photo9.jpg", "DJ VIP is About to Start"];
slides2[9] = ["images/Photo10.jpg", "Wow Needed a Rest"];
slides2[10] = ["images/Photo11.jpg", "Nice Lunch Set Up"];
slides2[11] = ["images/Photo12.jpg", "Shake Shake Shake"];
slides2[12] = ["images/Photo13.jpg", "DJ VIP Hello"];
slides2[13] = ["images/Photo14.jpg", "Stike a Pose"];
slides2[14] = ["images/Photo15.jpg", "VIP Presents Wedding Center Piece"];
slides2[15] = ["images/Photo16.jpg", "DJ VIP Hardest Working DJ Around"];
slides2[16] = ["images/Photo17.jpg", "TouchStone Health Luncheon"];
slides2[17] = ["images/Photo18.jpg", "DJ VIP Never Stops"];
//optional properties for these images:
slides2.no_controls=1; //will set a slide show with no controls
slides2.width=170; //use to set width of widest image if dimensions vary
slides2.height=140; //use to set height of tallest image if dimensions vary
slides2.border=2; //set border width for images
slides2.border_color='light green'; //set border color for images
slides2.delay=3000;
slides2.fadecolor='#9FA36B'
//Notes:
//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present
//slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present
//slides#.fadecolor will set fading images background color, defaults to white
//slides#.no_controls will set a slide show with no controls
//slides#.random will set a random slide sequence on each page load
//slides#.delay=3000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter
//slides#.jumpto=1 will display added controls to jump to a particular image by its number
//slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls
//use below to create a customized onclick event for linked images in a given show:
//slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"
</script>
<script src="swissarmy.js" type="text/javascript">
/***********************************************
* Swiss Army Image slide show script - © John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/
</script>
Body:
<p>
<script type="text/javascript">
//Notes on Parameters: The only required parameter is the slides_array_name. If Width is used, so must Height.
//Interval is optional too. It is always last, either fourth after Width and Height or second after Slides_array_name.
//Usage: new inter_slide(Slides_array_name, Width, Height, Interval)
new inter_slide(slides2)
</script>
</p>
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm
3) Describe problem: I added the slide show to my home page. I added the photos in my images folder on the server, I uploaded the external .js file When I preview it through dreamweaver everything is working properly. When I acutally upload my index page to my server and look at the page, all you see is a space where the slide show should be. Not sure why its not showing up. Here is the link the page
http://www.djvippresents.com
can someone please help me figure out why its not working?
Here is the code I'm using
Head:
(more code here)
var slides2=[]; //SECOND SLIDESHOW
//configure the below images and descriptions to your own.
slides2[0] = ["images/Photo1.jpg", "JD High School"];
slides2[1] = ["images/Photo2.jpg", "DJ VIP Working Hard"];
slides2[2] = ["images/Photo3.jpg", "Kids Just Wanna Have Fun"];
slides2[3] = ["images/Photo4.jpg", "Lunch is Served"];
slides2[4] = ["images/Photo5.jpg", "Dance to the Music"];
slides2[5] = ["images/Photo6.jpg", "VIP Presents Wedding Shelf"];
slides2[6] = ["images/Photo7.jpg", "TouchStone Health Family"];
slides2[7] = ["images/Photo8.jpg", "Go Red Rams"];
slides2[8] = ["images/Photo9.jpg", "DJ VIP is About to Start"];
slides2[9] = ["images/Photo10.jpg", "Wow Needed a Rest"];
slides2[10] = ["images/Photo11.jpg", "Nice Lunch Set Up"];
slides2[11] = ["images/Photo12.jpg", "Shake Shake Shake"];
slides2[12] = ["images/Photo13.jpg", "DJ VIP Hello"];
slides2[13] = ["images/Photo14.jpg", "Stike a Pose"];
slides2[14] = ["images/Photo15.jpg", "VIP Presents Wedding Center Piece"];
slides2[15] = ["images/Photo16.jpg", "DJ VIP Hardest Working DJ Around"];
slides2[16] = ["images/Photo17.jpg", "TouchStone Health Luncheon"];
slides2[17] = ["images/Photo18.jpg", "DJ VIP Never Stops"];
//optional properties for these images:
slides2.no_controls=1; //will set a slide show with no controls
slides2.width=170; //use to set width of widest image if dimensions vary
slides2.height=140; //use to set height of tallest image if dimensions vary
slides2.border=2; //set border width for images
slides2.border_color='light green'; //set border color for images
slides2.delay=3000;
slides2.fadecolor='#9FA36B'
//Notes:
//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present
//slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present
//slides#.fadecolor will set fading images background color, defaults to white
//slides#.no_controls will set a slide show with no controls
//slides#.random will set a random slide sequence on each page load
//slides#.delay=3000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter
//slides#.jumpto=1 will display added controls to jump to a particular image by its number
//slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls
//use below to create a customized onclick event for linked images in a given show:
//slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"
</script>
<script src="swissarmy.js" type="text/javascript">
/***********************************************
* Swiss Army Image slide show script - © John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/
</script>
Body:
<p>
<script type="text/javascript">
//Notes on Parameters: The only required parameter is the slides_array_name. If Width is used, so must Height.
//Interval is optional too. It is always last, either fourth after Width and Height or second after Slides_array_name.
//Usage: new inter_slide(Slides_array_name, Width, Height, Interval)
new inter_slide(slides2)
</script>
</p>