Avatar billede Slettet bruger
13. maj 2001 - 23:20 Der er 4 kommentarer og
1 løsning

do while..

Jeg har en masse rollover billeder, der kan laves meget kortere med noget do while ting...

Men jeg er ikke ret sej til javascript.. kan du lave det?

<script language=\"JavaScript\">
<!--
img1on = new Image();
img1on.src = \"pix/sub1on.gif\";
img1off = new Image();
img1off.src = \"pix/sub1off.gif\";

img2on = new Image();
img2on.src = \"pix/sub2on.gif\";
img2off = new Image();
img2off.src = \"pix/sub2off.gif\";

img3on = new Image();
img3on.src = \"pix/sub3on.gif\";
img3off = new Image();
img3off.src = \"pix/sub3off.gif\";

img4on = new Image();
img4on.src = \"pix/sub4on.gif\";
img4off = new Image();
img4off.src = \"pix/sub4off.gif\";

img5on = new Image();
img5on.src = \"pix/sub5on.gif\";
img5off = new Image();
img5off.src = \"pix/sub5off.gif\";

img6on = new Image();
img6on.src = \"pix/sub6on.gif\";
img6off = new Image();
img6off.src = \"pix/sub6off.gif\";

img7on = new Image();
img7on.src = \"pix/sub7on.gif\";
img7off = new Image();
img7off.src = \"pix/sub7off.gif\";

img8on = new Image();
img8on.src = \"pix/sub8on.gif\";
img8off = new Image();
img8off.src = \"pix/sub8off.gif\";

img9on = new Image();
img9on.src = \"pix/sub9on.gif\";
img9off = new Image();
img9off.src = \"pix/sub9off.gif\";

img10on = new Image();
img10on.src = \"pix/sub10on.gif\";
img10off = new Image();
img10off.src = \"pix/sub10off.gif\";

img11on = new Image();
img11on.src = \"pix/sub11on.gif\";
img11off = new Image();
img11off.src = \"pix/sub11off.gif\";

img12on = new Image();
img12on.src = \"pix/sub12on.gif\";
img12off = new Image();
img12off.src = \"pix/sub12off.gif\";

img13on = new Image();
img13on.src = \"pix/sub13on.gif\";
img13off = new Image();
img13off.src = \"pix/sub13off.gif\";

img14on = new Image();
img14on.src = \"pix/sub14on.gif\";
img14off = new Image();
img14off.src = \"pix/sub14off.gif\";

img15on = new Image();
img15on.src = \"pix/sub15on.gif\";
img15off = new Image();
img15off.src = \"pix/sub15off.gif\";

img16on = new Image();
img16on.src = \"pix/sub16on.gif\";
img16off = new Image();
img16off.src = \"pix/sub16off.gif\";

img17on = new Image();
img17on.src = \"pix/sub17on.gif\";
img17off = new Image();
img17off.src = \"pix/sub17off.gif\";

img18on = new Image();
img18on.src = \"pix/sub18on.gif\";
img18off = new Image();
img18off.src = \"pix/sub18off.gif\";

img19on = new Image();
img19on.src = \"pix/sub19on.gif\";
img19off = new Image();
img19off.src = \"pix/sub19off.gif\";

img20on = new Image();
img20on.src = \"pix/sub20on.gif\";
img20off = new Image();
img20off.src = \"pix/sub20off.gif\";

function showMenu() {

document[\"img1\"].src = img1on.src;
}

function showMenu2() {
document[\"img2\"].src = img2on.src;
}

function showMenu3() {
document[\"img3\"].src = img3on.src;
}

function showMenu4() {
document[\"img4\"].src = img4on.src;
}

function showMenu5() {
document[\"img5\"].src = img5on.src;
}

function showMenu6() {
document[\"img6\"].src = img6on.src;
}

function showMenu7() {
document[\"img7\"].src = img7on.src;
}

function showMenu8() {
document[\"img8\"].src = img8on.src;
}

function showMenu9() {
document[\"img9\"].src = img9on.src;
}

function showMenu10() {
document[\"img10\"].src = img10on.src;
}

function showMenu11() {
document[\"img11\"].src = img11on.src;
}

function showMenu12() {
document[\"img12\"].src = img12on.src;
}

function showMenu13() {
document[\"img13\"].src = img13on.src;
}

function showMenu14() {
document[\"img14\"].src = img14on.src;
}

function showMenu15() {
document[\"img15\"].src = img15on.src;
}

function showMenu16() {
document[\"img16\"].src = img16on.src;
}

function showMenu17() {
document[\"img17\"].src = img17on.src;
}

function showMenu18() {
document[\"img18\"].src = img18on.src;
}

function showMenu19() {
document[\"img19\"].src = img19on.src;
}

function showMenu20() {
document[\"img20\"].src = img20on.src;
}

//show off stage

function origState() {
document[\"img1\"].src = img1off.src;
}

function origState2() {
document[\"img2\"].src = img2off.src;
}

function origState3() {
document[\"img3\"].src = img3off.src;
}

function origState4() {
document[\"img4\"].src = img4off.src;
}

function origState5() {
document[\"img5\"].src = img5off.src;
}

function origState6() {
document[\"img6\"].src = img6off.src;
}

function origState7() {
document[\"img7\"].src = img7off.src;
}

function origState8() {
document[\"img8\"].src = img8off.src;
}

function origState9() {
document[\"img9\"].src = img9off.src;
}

function origState10() {
document[\"img10\"].src = img10off.src;
}

function origState11() {
document[\"img11\"].src = img11off.src;
}

function origState12() {
document[\"img12\"].src = img12off.src;
}

function origState13() {
document[\"img13\"].src = img13off.src;
}

function origState14() {
document[\"img14\"].src = img14off.src;
}

function origState15() {
document[\"img15\"].src = img15off.src;
}

function origState16() {
document[\"img16\"].src = img16off.src;
}

function origState17() {
document[\"img17\"].src = img17off.src;
}

function origState18() {
document[\"img18\"].src = img18off.src;
}

function origState19() {
document[\"img19\"].src = img19off.src;
}

function origState20() {
document[\"img20\"].src = img20off.src;
}

// -->

</script>
Avatar billede jumper Nybegynder
13. maj 2001 - 23:27 #1
<script language=\"Javascript\"><!--

for (var i=0; i<=20; i++){// Preload
  self[\"img\" + i + \"on\"] = new Image;
  self[\"img\" + i + \"on\"].src = \"pix/sub\" + i + \"on.gif\";
  self[\"img\" + i + \"off\"] = new Image;
  self[\"img\" + i + \"off\"].src = \"pix/sub\" + i + \"off.gif\";
}

function showMenu(i){ // Vis
  document[\"img\" + i].src = self[\"img\" + i + \"on\"].src;
}

function origState(i){ // Gendan
  document[\"img\" + i].src = self[\"img\" + i + \"off\"].src;
}

// --></script>

Den eneste forskel er nu blot at når du skal vise billede 3, skal du skrive showMenu(3) istedet for showMenu3(), og når du skal gendanne billede 3, skal du skrive origState(3) istedet for origState3() (og så fremdeles).

/Thor
Avatar billede Slettet bruger
13. maj 2001 - 23:40 #2
Jamen det var da lige det der duede! :-)

Tak for hjælpen!
Avatar billede jakoba Nybegynder
13. maj 2001 - 23:41 #3
<script language=\"JavaScript\"> <!--

var  picon = new Array(1,2,3);
var  picoff = new Array(1,2,3);

for ( var i=1; i<=20; i++ ) {
  picon[i] = new Image();
  picon[i].src = \"pix/sub\"+i+\"on.gif\";
  picoff[i] = new Image();
  picoff[i].src = \"pix/sub\"+i+\"off.gif\";
};

function showMenu( nr ) {
  document.images[\"img\"+nr].src = picon[nr].src;
};

function origState( nr ) {
  document.images[\"img\"+nr].src = picoff[nr].src;
};

// --> </script>

NB: du skal lede igennem din kode og erstatte
      showMenu2()  med  showMenu(2)
og  origState2()  med  origState(2)

osv osv så alle kald til de to funktioner får et tal som parameter.

mvh JakobA
Avatar billede jakoba Nybegynder
13. maj 2001 - 23:43 #4
Jeg er bare for langsom. :-))
Avatar billede Slettet bruger
13. maj 2001 - 23:50 #5
;-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester