ایران سرور
سومين نوع slide show .اين يكي از بقيه ياده تر هست ولي ميتونيد براي يادگيري از اون استفاده كنيد يا حتي ميتونيد باتغييرات توي اون زيبايي خاصي بهش بديد.


باز هم slide show


آموزش:
كدهاي زير رو قبل از قرار بديد:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs)
Onecurrent = 0;
var OneLinks = new Array(3);
OneLinks[0] = "http://www.datalifeengine.ir";
OneLinks[1] = "http://www.dle-temp.com";
OneLinks[2] = "http://www.dlefarsi.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="slideimage1.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="addresse ax"  selected>axe1</OPTION>
                    <OPTION value="addresse ax">axe2</OPTION>
                    <OPTION value="addresse ax">axe3</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>
  </TR>
</TABLE>



توجه كنيد در قسمت addresse ax موارد لازم رو بنويسيد.در ضمن براي اضافه كردن عكس كار هاي زير انجام بديد:

كد زير رو پيدا كنيد:

<OPTION value="addresse ax">axe3</OPTION>

بعد از اون كد زير رو وارد كنيد:

<OPTION value="addresse ax">axe4</OPTION>

و به همين ترتيب...

اميدوارم به دردتون بخوره...موفق باشي.يا حق.


Arash.N، mrsharif و raliga و 10 نفر دیگر تشکر کرده‌‌اند.

اطلاعات

برای ارسال نظر، باید در سایت عضو شوید.