Search
Sponsors

Posts Tagged ‘slideshow’

a repeating slideshow

Friday, January 9th, 2009

<script language=”JavaScript”>
<!–
/* define image width and height */
var pic_width=100;
var pic_height=100;
/* define image urls */
if (document.images)
 {
     pic1= new Image(pic_width,pic_height);
     pic1.src=”monday.gif”; 
     pic2= new Image(pic_width,pic_height);
     pic2.src=”tuesday.gif”;
     pic3= new Image(pic_width,pic_height);
     pic3.src=”wednesday.gif”; 
     pic4= new Image(pic_width,pic_height);
     pic4.src=”thursday.gif”; 
     pic5= new Image(pic_width,pic_height);
     pic5.src=”friday.gif”;
 }   

/* define text for image captions  */

var destext= new Array(5)
    destext[0]=”This caption for image 1″;
    destext[1]=”This caption for image 2″;
    destext[2]=”This caption for image 3″;
    destext[3]=”This caption for image 4″;
    destext[4]=”This caption for image 5″;
 
var pics= new Array(5)
   pics[0]=pic1.src;
   pics[1]=pic2.src;
   pics[2]=pic3.src;
   pics[3]=pic4.src;
   pics[4]=pic5.src;

var numpics=5;
var thenum=0;
imgName=”img1″;

function change_it()
 {
   if (document.images)
    {
      document.write(”<IMG SRC=’”+pics[thenum]+”‘ border=’0′ width=’”+pic_width+”‘ height=’”+pic_height+”‘ name=’img1′>\n”);
      document.write(”<P><FORM name=’form1′><TEXTAREA name=’text1′ wrap=’virtual’ rows=’5′ cols=’20′>”+destext[thenum]+”</TEXTAREA></FORM>”);
      setTimeout(’change_it2()’,8000); 
   }
}
function change_it2()
 {
         var x=0;
         thenum+=1;
           if (thenum>numpics-1)
             thenum=0;
           document[imgName].src=pics[thenum];
           document.form1.text1.value=destext[thenum];
           x+=1;
           setTimeout(’change_it2()’,8000);     
 }
//–>
</script>
<SCRIPT language=”JavaScript”>
<!–
 change_it()
//–>
</SCRIPT>

an image slide show of 5 images

Friday, January 9th, 2009

<script language=”JavaScript”>
<!–
/* define image width and height */
var pic_width=100;
var pic_height=100;
/* define image urls */
if (document.images)
 {
     pic1= new Image(pic_width,pic_height);
     pic1.src=”monday.gif”; 
     pic2= new Image(pic_width,pic_height);
     pic2.src=”tuesday.gif”;
     pic3= new Image(pic_width,pic_height);
     pic3.src=”wednesday.gif”; 
     pic4= new Image(pic_width,pic_height);
     pic4.src=”thursday.gif”; 
     pic5= new Image(pic_width,pic_height);
     pic5.src=”friday.gif”;
 }   

/* define text for image captions  */

var destext= new Array(5)
    destext[0]=”caption for image 1″;
    destext[1]=”caption for image 2″;
    destext[2]=”caption for image 3″;
    destext[3]=”caption for image 4″;
    destext[4]=”caption for image 5″;
 
var pics= new Array(5)
   pics[0]=pic1.src;
   pics[1]=pic2.src;
   pics[2]=pic3.src;
   pics[3]=pic4.src;
   pics[4]=pic5.src;

var numpics=5;
var thenum=0;
imgName=”img1″;

function change_it()
 {
   if (document.images)
    {
      document.write(”<IMG SRC=’”+pics[thenum]+”‘ border=’0′ width=’”+pic_width+”‘ height=’”+pic_height+”‘ name=’img1′>\n”);
      document.write(”<P><FORM name=’form1′><TEXTAREA name=’text1′ wrap=’virtual’ rows=’5′ cols=’20′>”+destext[thenum]+”</TEXTAREA></FORM>”);
      setTimeout(’change_it2()’,8000); 
   }
}

function change_it2()
 {
         var x=0;
         thenum+=1;

         if (thenum>numpics-1)
         {
           document[imgName].src=pics[0];
           document.form1.text1.value=”The End”;
           }
         else
         {
           document[imgName].src=pics[thenum];
           document.form1.text1.value=destext[thenum];
           x+=1;
           setTimeout(’change_it2()’,8000);
          }
 }
//–>
</script>
<SCRIPT language=”JavaScript”>
<!–
 change_it()
//–>
</SCRIPT

Translate