Page 1 of 2 12 LastLast
Results 1 to 10 of 20

Thread: flexi slideshow full documentation

  1. #1
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default flexi slideshow full documentation

    I'm trying to get Flexi Slideshow to run. I copied all the code shown into my program but it doesn't run.
    It says there is full documentation somewhere but I can't find it.
    Thanks for any help
    Last edited by mcolton; 10-19-2015 at 10:55 PM.

  2. #2
    Join Date
    Jan 2009
    Location
    NH
    Posts
    673
    Thanks
    97
    Thanked 26 Times in 26 Posts

    Default

    Where is your code or the page it's on?

  3. #3
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">
    
      <head>
        <title>LOTA Photos</title>
        <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
        
    		<style type = "text/css">
           body {
    			   background-color: #99ffcc;
    			      }
    			 img {
             width: 800px; 
    				 height: 600px;
    				   }
           .floated {
    			   float: left;
    				 width: 15%;
    				 padding-left: 1%;
    				        }
    		   .headfont {
    			     font: italic 200% arial;
    			     color: red;
    					       }
    		   p {
    				 font: italic 130% arial;
    			   color: blue;
    				 }
    		   .link {
    			     padding-left: 50%;
    					       }
           .clear {
    			     clear: both;
    					    }
    		</style>
    	</head>
    	
      <body>
        <div>  
    		  <span class = "headfont">
    		     LOTA Photos
    		  </span>
    		  <span class = "link">
    		    <a href="index.htm">Return to Home Page</a>
    		  </span>
    	  </div><br /><br />
    
    
    <script language="JavaScript1.2">
    
    /***********************************************
    * Flexi Slideshow- (c) Dynamic Drive (www.dynamicdrive.com)
    * This notice must stay intact for use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    var variableslide=new Array()
    
    //variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
    variableslide[0]=["pic7.jpg", "", "LOTA USTA Men's 7.5 Combo League State Finalists"];
    variableslide[1]=["pic10.jpg", "", "Are they spelling YMCA or LOTA ???"];
    variableslide[2]=["pic8.jpg", "", "Mixed Doubles ???"];
    variableslide[3]=["pic11.jpg", "", "Mixed Doubles #2 ???"];
    variableslide[4]=["pic14.jpg", "", "Nov, 2000 Board Members"];
    variableslide[5]=["pic15.jpg", "", "Nov, 2000 Mixed Doubles"];
    variableslide[6]=["pic16.jpg", "", "Sept, 2009 Senior Mixed 8.0 State Finalists"];
    variableslide[7]=["pic20.jpg", "", "Founder's Day - LOTA's 10th Birthday"];
    variableslide[8]=["pic21.jpg", "", "LOTA USTA Ladies Adult 5.5 Finalists"];
    variableslide[9]=["pic22.jpg", "", "LOTA USTA Senior Ladies 7.5 Finalists"];
    variableslide[10]=["jerrycaldwell.jpg", "", "LOTA member Jerry Caldwell admitted to Southern Tennis Hall of Fame"];
    variableslide[11]=["pic1.jpg", "", "St Pattys Day - Mixed Doubles"];
    variableslide[12]=["pic23.jpg", "", "LOTA Board Member Marty Colton presents 5 Year Sponsor award to Rick Franks"];
    variableslide[13]=["pic2.jpg", "", "Brenda Bourdage Celebration Tournament Winners"];
    variableslide[14]=["lake-oconee-living2.jpg", "", "Lake Oconee Living - LOTA is the Winner"];
    variableslide[15]=["lake-oconee-living.jpg", "", "Lake Oconee Living - Best Local Sports Organization"];
    
    //configure the below 3 variables to set the dimension/background color of the slideshow
    
    var slidewidth='800px' //set to width of LARGEST image in your slideshow
    var slideheight='600px' //set to height of LARGEST iamge in your slideshow, plus any text description
    var slidebgcolor='#F3F3F3'
    
    //configure the below variable to determine the delay between image rotations (in miliseconds)
    var slidedelay=3000
    
    ////Do not edit pass this line////////////////
    
    var ie=document.all
    var dom=document.getElementById
    
    for (i=0;i<variableslide.length;i++){
    var cacheimage=new Image()
    cacheimage.src=variableslide[i][0]
    }
    
    var currentslide=0
    
    function rotateimages(){
    contentcontainer='<center>'
    if (variableslide[currentslide][1]!="")
    contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
    contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
    if (variableslide[currentslide][1]!="")
    contentcontainer+='</a>'
    contentcontainer+='</center>'
    if (variableslide[currentslide][2]!="")
    contentcontainer+=variableslide[currentslide][2]
    
    if (document.layers){
    crossrotateobj.document.write(contentcontainer)
    crossrotateobj.document.close()
    }
    else if (ie||dom)
    crossrotateobj.innerHTML=contentcontainer
    if (currentslide==variableslide.length-1) currentslide=0
    else currentslide++
    setTimeout("rotateimages()",slidedelay)
    }
    
    if (ie||dom)
    document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
    
    function start_slider(){
    crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
    if (document.layers)
    document.slidensmain.visibility="show"
    rotateimages()
    }
    
    if (ie||dom)
    start_slider()
    else if (document.layers)
    window.onload=start_slider
    
    </script>
    
    <ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
    
    <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
    <a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
    
      </body>
    </html>
    Last edited by Beverleyh; 10-19-2015 at 07:35 PM. Reason: Formatting

  4. #4
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,859
    Thanks
    49
    Thanked 260 Times in 252 Posts
    Blog Entries
    56

    Default

    The path to your images is incomplete. For instance, from this line:
    Code:
    variableslide[0]=["pic7.jpg", "", "LOTA USTA Men's 7.5 Combo League State Finalists"];
    it is not clear where to find pic7.jpg.

  5. #5
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    My existing program to show photos uses something similar
    theimage[0]=["pic7.jpg", "", "LOTA USTA Men's 7.5 Combo League State Finalists"];

    and this works fine

  6. #6
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,859
    Thanks
    49
    Thanked 260 Times in 252 Posts
    Blog Entries
    56

    Default

    I maintain that the path is not complete or incorrect. For instance, if you replace the first two images with this:
    Code:
    variableslide[0]=["http://orig15.deviantart.net/0400/f/2014/172/0/d/spaceship_warp_animation_by_nnj3de-d7ncf40.gif", "", "LOTA USTA Men's 7.5 Combo League State Finalists"];
    variableslide[1]=["http://www.armyoftrolls.co.uk/website/armyoftrolls/images/random_sprites/panda.gif", "", "Are they spelling YMCA or LOTA ???"];
    (full path to images on the internet) then the program works.
    Of course, you may want to adapt the size of the images to your needs.

  7. #7
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    I don't know what the path is. It is in the same path as the photos.htm program is. It is on the site5 server
    I've tried
    http://lotatennis.com/pic7.jpg
    http://lotatennis.com/home/lota/public_html/pic7.jpg
    http://lotatennis.com/public_html/pic7.jpg
    www.lotatennis.com/pic7.jpg
    http://www.lotatennis.com/home/lota/..._html/pic7.jpg
    and it doesn't work
    Last edited by mcolton; 10-19-2015 at 07:37 PM.

  8. #8
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,859
    Thanks
    49
    Thanked 260 Times in 252 Posts
    Blog Entries
    56

  9. #9
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    go to lotatennis.com and at the very bottom there is a "testing only" that runs the code I showed above

  10. #10
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,859
    Thanks
    49
    Thanked 260 Times in 252 Posts
    Blog Entries
    56

    Default

    What you have on the test page (http://lotatennis.com/photos2.htm) is:
    Code:
    variableslide[0]=["http://lotatennis.com/public_html/pic7.jpg", "", "LOTA USTA Men's 7.5 Combo League State Finalists"];
    That should be:
    Code:
    variableslide[0]=["http://lotatennis.com/pic7.jpg", "", "LOTA USTA Men's 7.5 Combo League State Finalists"];
    Have a nice tennis match.

Similar Threads

  1. Flexi Slideshow Help
    By KCRileyGyer in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 06-14-2014, 02:40 PM
  2. Flexi Slideshow -- Need more than one slideshow per page (with different images)
    By CookieMonster in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 02-05-2014, 07:43 AM
  3. Flexi Slideshow help!
    By Punkiepie in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 08-17-2010, 06:21 PM
  4. Flexi Slideshow help
    By PhyllisJ in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 07-24-2009, 07:02 PM
  5. Flexi Slideshow
    By daveydoom in forum Dynamic Drive scripts help
    Replies: 9
    Last Post: 08-06-2006, 08:59 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
  •