Avatar billede loukas Mester
31. oktober 2002 - 10:43 Der er 2 kommentarer og
1 løsning

image swap

Jeg har fundet scriptet her ved viewsource.dk
Nu ville jeg gerne bruge de 3 billeder som hyperlinks ??
Hjælp !!!
PS. Jeg er ikke nogen ørn til javascript

<SCRIPT LANGUAGE="JavaScript">
    <!--
    // EXAMPLE OF AN IMAGE SWAPPING ALGORITHM

    var imgAr;
    var imgPath = '';

    // ALLOCATE MEMORY FOR 9 IMAGE OBJECTS & INITIALIZE ELEMENTS
    function initImgs()
    {
        imgAr = new Array(9);

        // FIRST COLOR BLOCK DEMO
      for (i=0; i<4; i++)
          imgAr[i] = new Image(54, 27);

      imgAr[0].src = imgPath + 'csibla1.gif';
      imgAr[1].src = imgPath + 'csiblu1.gif';
      imgAr[2].src = imgPath + 'csigre1.gif';
      imgAr[3].src = imgPath + 'csiora1.gif';


          // SECOND COLOR BLOCK DEMO
      for (i=4; i<8; i++)
            imgAr[i] = new Image(108,108);
      imgAr[8] = new Image(27,27);

      imgAr[4].src = imgPath + 'csimsg0.gif';
      imgAr[5].src = imgPath + 'csimsg1.gif';
      imgAr[6].src = imgPath + 'csimsg2.gif';
      imgAr[7].src = imgPath + 'csimsg3.gif';
      imgAr[8].src = imgPath + 'csiar1.gif';

      return imgAr;
    }


    // SWAP ALGORITHM: multi-purpose demo
    function swap()
    {
        if (swap.arguments.length >1)
        {
              switch(swap.arguments.length) {
                  case 4:
                  tmp = swap.arguments[3].src;
                  swap.arguments[3].src = imgAr[(swap.arguments[0]+4)].src;
                  imgAr[(swap.arguments[0]+4)].src = tmp;
                  case 3:
                  tmp = swap.arguments[2].src;
                  swap.arguments[2].src = imgAr[8].src;
                  imgAr[8].src = tmp;
                  default:
                  tmp = swap.arguments[1].src;
                  swap.arguments[1].src = imgAr[swap.arguments[0]].src;
                  imgAr[swap.arguments[0]].src = tmp;
              }
          }
        return;
    }
    //-->
</SCRIPT>

Double Image sawp
<P>
<A HREF="noop" ONMOUSEOUT="swap(0,img0a); return true" ONMOUSEOVER="swap(0,img0a); status=defaultStatus; return true" ONCLICK="return false;"><IMG NAME="img0a" SRC="csiblaO.gif" WIDTH="54" HEIGHT="27" ALT="Black"  BORDER="0"></A><BR>
<A HREF="noop" ONMOUSEOUT="swap(1,img1a); return true" ONMOUSEOVER="swap(1,img1a); status=defaultStatus; return true" ONCLICK="return false;"><IMG NAME="img1a" SRC="csiblu0.gif" WIDTH="54" HEIGHT="27" ALT="Blue"  BORDER="0"></A><BR>
<A HREF="noop" ONMOUSEOUT="swap(2,img2a); return true" ONMOUSEOVER="swap(2,img2a); status=defaultStatus; return true" ONCLICK="return false;"><IMG NAME="img2a" SRC="csigre0.gif" WIDTH="54" HEIGHT="27" ALT="Green"  BORDER="0"></A><BR>
<A HREF="noop" ONMOUSEOUT="swap(3,img3a); return true" ONMOUSEOVER="swap(3,img3a); status=defaultStatus; return true" ONCLICK="return false;"><IMG NAME="img3a" SRC="csiora0.gif" WIDTH="54" HEIGHT="27" ALT="Orange" BORDER="0"></A>
</P>
<br><br>
Trible Image Swap
<br><br>
<TABLE WIDTH=216 STYLE="background-color: rgb(255,255,255);">
<TR>
<TD WIDTH=50% VALIGN="top" ALIGN="left" NOWRAP>
    <A HREF="noop" ONMOUSEOUT="swap(0,img0b,ar0,img4); return true" ONMOUSEOVER="swap(0,img0b,ar0,img4); status=defaultStatus; return true;" ONCLICK="return false;"><IMG NAME="img0b" SRC="csiblaO.gif" WIDTH="54" HEIGHT="27" ALT="Black"  BORDER="0"></A><IMG NAME="ar0" SRC="csiar0.gif" WIDTH=27 HEIGHT=27 BORDER=0 ALT=""><BR>
    <A HREF="noop" ONMOUSEOUT="swap(1,img1b,ar1,img4); return true" ONMOUSEOVER="swap(1,img1b,ar1,img4); status=defaultStatus; return true;" ONCLICK="return false;"><IMG NAME="img1b" SRC="csiblu0.gif" WIDTH="54" HEIGHT="27" ALT="Blue"  BORDER="0"></A><IMG NAME="ar1" SRC="csiar0.gif" WIDTH=27 HEIGHT=27 BORDER=0 ALT=""><BR>
    <A HREF="noop" ONMOUSEOUT="swap(2,img2b,ar2,img4); return true" ONMOUSEOVER="swap(2,img2b,ar2,img4); status=defaultStatus; return true;" ONCLICK="return false;"><IMG NAME="img2b" SRC="csigre0.gif" WIDTH="54" HEIGHT="27" ALT="Green"  BORDER="0"></A><IMG NAME="ar2" SRC="csiar0.gif" WIDTH=27 HEIGHT=27 BORDER=0 ALT=""><BR>
    <A HREF="noop" ONMOUSEOUT="swap(3,img3b,ar3,img4); return true" ONMOUSEOVER="swap(3,img3b,ar3,img4); status=defaultStatus; return true;" ONCLICK="return false;"><IMG NAME="img3b" SRC="csiora0.gif" WIDTH="54" HEIGHT="27" ALT="Orange" BORDER="0"></A><IMG NAME="ar3" SRC="csiar0.gif" WIDTH=27 HEIGHT=27 BORDER=0 ALT="">
</TD>
<TD WIDTH=50% VALIGN="top" ALIGN="left" NOWRAP>
    <IMG NAME="img4" SRC="csimsg.gif" WIDTH="108" HEIGHT="108" ALT="" BORDER="0">
</TD>
</TR>
</TABLE>
Avatar billede loukas Mester
31. oktober 2002 - 10:44 #1
Hold da op en smøre, nå men det er Trible Image Swap.
Avatar billede Slettet bruger
31. oktober 2002 - 17:39 #2
Du sletter bare dette:

ONCLICK="return false;"

... ved hvert element og tilføjer så en rigtig href i stedet for "noop".
Avatar billede loukas Mester
01. november 2002 - 01:35 #3
Tak for hjælpen .-)
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