[javascript] 2 verschillende fotomaten in slideshow

[Verwijderd]

ik heb op internet het volgende javascript gevonden voor een fotoslideshow:

voor in de HEAD tag:

code:

<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.optical-illusion.tk";
OneLinks[1] = "http://www.optical-illusion.tk";
OneLinks[2] = "http://www.optical-illusion.tk";
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>

en voor in de BODY tag:

code:

<TABLE border="0" align="center" cellpadding="0" cellspacing="0">
  <TR>
    <TD>
      <form name="Oneslideform" >
        <DIV align="center">
          <TABLE width="500" border="1" cellspacing="0" cellpadding="4" bordercolor="#666666">
            <TR>
              <TD bgcolor="#666666">
                <DIV align="center"><B><font color="#FFFFFF">Paris 03-09-'04 </font></B></DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#FFFFFF">
                <DIV align="center"><A href="javascript:Onetransport()">[img]"AAAA0017"[/img]</A></DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#666666">
                <DIV align="center">
                  <SELECT name="Oneslide" onChange="Onechange();">
                    <OPTION value="AAAA0017.jpg"  selected>Photo 1</OPTION>
                    <OPTION value="AAAA0022.jpg">Photo 2</OPTION>
                    <OPTION value="AAAA0023.jpg">Photo 3</OPTION>
                    <OPTION value="AAAA0024.jpg">Photo 4</OPTION>
                    <OPTION value="AAAA0025.jpg">Photo 5</OPTION>
                    <OPTION value="AAAA0026.jpg">Photo 6</OPTION>
                    <OPTION value="AAAA0027.jpg">Photo 7</OPTION>
                    <OPTION value="AAAA0028.jpg">Photo 8</OPTION>
                    <OPTION value="AAAA0029.jpg">Photo 9</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 10</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 11</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 12</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 13</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 14</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 15</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 16</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 17</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 18</OPTION>
                    <OPTION value="AAAA0017.jpg">Photo 19</OPTION>
                  </SELECT>
      </DIV>
              </TD>
            </TR>
            <TR>
              <TD bgcolor="#666666">
                <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>

Probleem:Bij dit script laat de slideshow de foto's alleen in de formaat 500X375 zien. terwijl ik ook foto's wil laten zien van het "staand" formaat 375x500.
Hoe kan ik alle 2 de formaten laten zien?Want nu krimpt de slideshow automatisch de staande fotmaat foto's in.
Dat ik bij elke foto vb. AAAA0017.jpg de tabel groote kan veranderen, en dan bij AAAA0022.jpg weer een ander formaat kan gebruiken.

[Janoz]

Tja, dat krijg je als je maar wat copy past zonder te weten wat je doet . Er staat verspreid door de html allemaal verwijzingen naar breedte en hoogte die je blijkbaar andersom wilt hebben.

Daarnaast hoort javascript gewoon in W&G, maar ik denk niet dat ze zo heel blij zullen zijn met je topic. De Devschuur is bedoeld voor het zelf ontwikkelen. Niet als een quickfix.

[ Voor 33% gewijzigd door Janoz op 07-09-2004 15:50 ]