Trending

slide gambar dan demo



Image Slideshow


<script language="JavaScript">


var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs)
Onecurrent = 0;
var OneLinks = new Array(3);
OneLinks[0] = "http://teater88.blogspot.com/";
OneLinks[1] = "http://teater88.blogspot.com/";
OneLinks[2] = "http://teater88.blogspot.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>

<table 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">Image Slideshow</font></b></div>
              </td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF">
                <div align="center"><a href="javascript:Onetransport()"><img src="http://1.bp.blogspot.com/-1TGSz89zvT4/UBq-Us25qMI/AAAAAAAABng/xQUZkoLAeWg/s1600/slideimage2.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="http://1.bp.blogspot.com/-1TGSz89zvT4/UBq-Us25qMI/AAAAAAAABng/xQUZkoLAeWg/s1600/slideimage2.gif" selected />Image 1
                    <option value="http://1.bp.blogspot.com/-phRGV9pcz2I/UBq_C3aGzFI/AAAAAAAABno/OUQq5Toax4k/s1600/naw.jpg" />Image 2
                    <option value="http://1.bp.blogspot.com/-1TGSz89zvT4/UBq-Us25qMI/AAAAAAAABng/xQUZkoLAeWg/s1600/slideimage2.gif" />Image 3
                  </select>
      </div>
              </td>
            </tr>
            <tr>
              <td bgcolor="#330099">
                <div align="center">
                 
                  <input type="button" name="Oneslidebutton" onclick="Oneap(this.value);" value="Start" title="AutoPlay" />
                 
          </div>
              </td>
            </tr>
          </table>
        </div>
      </form>
    </td>
  </tr>
</table>


KALIAN HANYA BS MEMASANG 1 DI HALAMAN...KARNA BILA LEBIH ,, MAKA SCRIPT TAK BERFUNGSI.

aisyah

- ALUMNI SMP 30 - SMK LANIANG JURUSAN PERAWAT

Lebih baru Lebih lama

Formulir Kontak