Ultimate Slideshow

[Total: 0    Average: 0/5]

Able to put multiple slideshows on one page

Head Code:

<SCRIPT LANGUAGE="JavaScript">
  <!--    
        
<!-- Begin
var Onerotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
Onecurrent = 0;
var OneLinks = new Array(3);
OneLinks[0] = "http://www.js-examples.com";
OneLinks[1] = "http://www.jsexamples.com";
OneLinks[2] = "http://www.google.com";
function Onenext() {
if (document.Oneslideform.Oneslide[Onecurrent+1]) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent+1].value;
document.Oneslideform.Oneslide.selectedIndex = ++Onecurrent;
   }
else Onefirst();
}
function Oneprevious() {
if (Onecurrent-1 >= 0) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent-1].value;
document.Oneslideform.Oneslide.selectedIndex = --Onecurrent;
   }
else Onelast();
}
function Onefirst() {
Onecurrent = 0;
document.images.Oneshow.src = document.Oneslideform.Oneslide[0].value;
document.Oneslideform.Oneslide.selectedIndex = 0;
}
function Onelast() {
Onecurrent = document.Oneslideform.Oneslide.length-1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
}
function Oneap(text) {
document.Oneslideform.Oneslidebutton.value = (text == "Stop") ? "Start" : "Stop";
Onerotate();
}
function Onechange() {
Onecurrent = document.Oneslideform.Oneslide.selectedIndex;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
}
function Onerotate() {
if (document.Oneslideform.Oneslidebutton.value == "Stop") {
Onecurrent = (Onecurrent == document.Oneslideform.Oneslide.length-1) ? 0 : Onecurrent+1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
window.setTimeout("Onerotate()", Onerotate_delay);
}
}
function Onetransport(){
window.location=OneLinks[Onecurrent]
}
//  End -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Tworotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
Twocurrent = 0;
var TwoLinks = new Array(3);
TwoLinks[0] = "http://www.js-examles.com";
TwoLinks[1] = "http://www.jsexamples.com";
TwoLinks[2] = "http://www.mythsearch.com";
function Twonext() {
if (document.Twoslideform.Twoslide[Twocurrent+1]) {
document.images.Twoshow.src = document.Twoslideform.Twoslide[Twocurrent+1].value;
document.Twoslideform.Twoslide.selectedIndex = ++Twocurrent;
   }
else Twofirst();
}
function Twoprevious() {
if (Twocurrent-1 >= 0) {
document.images.Twoshow.src = document.Twoslideform.Twoslide[Twocurrent-1].value;
document.Twoslideform.Twoslide.selectedIndex = --Twocurrent;
   }
else Twolast();
}
function Twofirst() {
Twocurrent = 0;
document.images.Twoshow.src = document.Twoslideform.Twoslide[0].value;
document.Twoslideform.Twoslide.selectedIndex = 0;
}
function Twolast() {
Twocurrent = document.Twoslideform.Twoslide.length-1;
document.images.Twoshow.src = document.Twoslideform.Twoslide[Twocurrent].value;
document.Twoslideform.Twoslide.selectedIndex = Twocurrent;
}
function Twoap(text) {
document.Twoslideform.Twoslidebutton.value = (text == "Stop") ? "Start" : "Stop";
Tworotate();
}
function Twochange() {
Twocurrent = document.Twoslideform.Twoslide.selectedIndex;
document.images.Twoshow.src = document.Twoslideform.Twoslide[Twocurrent].value;
}
function Tworotate() {
if (document.Twoslideform.Twoslidebutton.value == "Stop") {
Twocurrent = (Twocurrent == document.Twoslideform.Twoslide.length-1) ? 0 : Twocurrent+1;
document.images.Twoshow.src = document.Twoslideform.Twoslide[Twocurrent].value;
document.Twoslideform.Twoslide.selectedIndex = Twocurrent;
window.setTimeout("Tworotate()", Tworotate_delay);
}
}
function Twotransport(){
window.location=TwoLinks[Twocurrent]
}
//  End -->
</SCRIPT>

Body Code:

<TABLE width="500" border="0" cellspacing="0" cellpadding="0">
  <TR>
    <TD>
      <FORM name="Oneslideform">
        <DIV align="center">
          <TABLE width="150" border="1" cellspacing="0" cellpadding="4" bordercolor="#330099">
            <TR>
              <TD bgcolor="#330099">
                <DIV align="center"><B><FONT color="#FFFFFF">Slideshow One</FONT></B></DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#FFFFFF">
                <DIV align="center"><A href="javascript:Onetransport()"><IMG src="/js/pic1.gif" width="90" height="90" name="Oneshow" border="0"></A></DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#330099">
                <DIV align="center">
                  <SELECT name="Oneslide" onChange="Onechange();">
                    <OPTION value="/js/pic1.gif"  selected>Image 1</OPTION>
                    <OPTION value="/js/pic2.gif">Image 2</OPTION>
                    <OPTION value="/js/pic33.gif">Image 3</OPTION>
                  </SELECT>
      </DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#330099">
                <DIV align="center">
                  <INPUT type=button onClick="Oneprevious();" value="<<" title="Previous">
                  <INPUT type=button name="Oneslidebutton" onClick="Oneap(this.value);" value="Start" title="AutoPlay">
                  <INPUT type=button onClick="Onenext();" value=">>" title="Next">
          </DIV>
              </TD>
            </TR>
          </TABLE>
        </DIV>
      </FORM>
    </TD>
    <TD>
      <FORM name="Twoslideform">
        <DIV align="center">
          <TABLE width="150" border="1" cellspacing="0" cellpadding="4" bordercolor="#CC0000">
            <TR>
              <TD bgcolor="#CC0000">
                <DIV align="center"><B><FONT color="#FFFFFF">Slideshow Two</FONT></B></DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#FFFFFF">
                <DIV align="center"><A href="javascript:Twotransport()"><IMG src="/js/pic1.gif" width="90" height="90" name="Twoshow" border="0"></A></DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#CC0000">
                <DIV align="center">
                  <SELECT name="Twoslide" onChange="Twochange();">
                    <OPTION value="/js/pic2.gif"  selected>Image 4</OPTION>
                    <OPTION value="/js/pic3.gif">Image 5</OPTION>
                    <OPTION value="/js/pic4.gif">Image 6</OPTION>
                  </SELECT>
      </DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#CC0000">
                <DIV align="center">
                  <INPUT type=button onClick="Twoprevious();" value="<<" title="Previous">
                  <INPUT type=button name="Twoslidebutton" onClick="Twoap(this.value);" value="Start" title="AutoPlay">
                  <INPUT type=button onClick="Twonext();" value=">>" title="Next">
          </DIV>
              </TD>
            </TR>
          </TABLE>
        </DIV>
      </FORM>
    </TD>
  </TR>
</TABLE>
<P>The Ultimate Slideshow!</P>
<P>Able to put multiple slideshows on one page<BR>
  Each image can be hyperlinked<BR>
  Pulldown menu that changes with the images<BR>
  Auto and manual navigation<BR>
  Compatible with IE and Netscape</P>
  <!--
/**********************************************************************
 *  Copyright by Suzanne Arnold, 2001                                 *
 *                                                                    *
 *  This script may be copied and used on other Websites providing    *
 *  that the following conditions are met;                            *
 *                                                                    *
 *  1) This Copyright notice is left unchanged, including my email    *
 *  address (SMArnold@graphic-designer.com)and URL                    *
 *  (http://www.nyartspot.com/SArnold)                                *
 *  2) Add a comment of any changes you made                          *
 **********************************************************************/
 -->

Times Viewed: 8

Leave a Reply

Your email address will not be published. Required fields are marked *