Rollover med flere funktioner

<SCRIPT language="JavaScript">
<!--
if (document.images) {
var pArray = new Array()

// Picture Array
// syntax: pArray[n] = "picturename"
pArray[0] = "images/1.jpg"
pArray[1] = "images/2.jpg"
pArray[2] = "images/3.jpg"
pArray[3] = "images/4.jpg"
pArray[4] = "images/5.jpg"
pArray[5] = "images/6.jpg"
pArray[6] = "images/7.jpg"
// end of pictureArray
var imageDB = new Array()
for (i=0; i < pArray.length; i++)
{
    var n = pArray[i].substring(0, pArray[i].indexOf("."))
    var e = pArray[i].substring(pArray[i].indexOf("."),  pArray[i].length)
    //imageDB[n] = new Image(h,w)
    imageDB[n] = new Image()
    imageDB[n].src = n + e
}
}

function switchImg(imgname,description,imgsource){

window.status = description;
if ( document.images )
        {
        evalstring = "document." + imgname + ".src = imgsource";
        eval(evalstring);
        }
}


// -->

  </SCRIPT>


<MAP NAME="mapMap7">
    <AREA SHAPE="rect" COORDS="24,9,70,39" HREF="#" onmouseover="switchImg('zoomin','','images/1.jpg'); return true;">
    <AREA SHAPE="rect" COORDS="71,10,114,40" HREF="#" onmouseover="switchImg('zoomin','','images/2.jpg'); return true;">
    <AREA SHAPE="rect" COORDS="116,11,152,39" HREF="#" onmouseover="switchImg('zoomin','','images/3.jpg'); return true;">
    <AREA SHAPE="rect" COORDS="139,41,189,75" HREF="#" onmouseover="switchImg('zoomin','','images/7.jpg'); return true;">
    <AREA SHAPE="rect" COORDS="97,41,137,74" HREF="#" onmouseover="switchImg('zoomin','','images/6.jpg'); return true;">
    <AREA SHAPE="rect" COORDS="54,41,97,75" HREF="#" onmouseover="switchImg('zoomin','','images/5.jpg'); return true;">
    <AREA SHAPE="rect" COORDS="13,40,54,77" HREF="#" onmouseover="switchImg('zoomin','','images/4.jpg'); return true;">
</MAP><IMG SRC="images/0.jpg" WIDTH="200" HEIGHT="80" ALIGN="BOTTOM"
            USEMAP="#mapMap7" BORDER="0" NATURALSIZEFLAG="0" ISMAP>

Dette har jeg fundet på http://www.vw.dk under "New Beetle" Jeg har selv anvendt det på andre sider...

Si'r ordet COPYRIGHT© dig noget ???


Snowball

Snowball, prøv lige at forestille dig en retssag omkring en der har stjålet noget JavaScript fra en side?

Det gad jeg godt se, men det kommer der aldrig.
Der er jo ikke noget med ophavsret på det man kalder "teknisk bistand", for det er meget svært at bevise det kunsteriske eller unikke i nogle javascript-funktioner.

Ehhh manden spørger om en funktion i programmet DREAMWEAVER. Hvorfor kommer i så med eksterne koder ?

Snowball nu ikke så hellig ;)

DWJ: du kan bruge dette link (hvis dit dreamwaver i c:\programmer)
file://C:\Programmer\Macromedia\Dreamweaver%202\Help\html\210.images.fm3.html

Der skulle være svar på dit spørgsmål ! :)

ellers så prøv dette

file:///C:/Programmer/Macromedia/Dreamweaver%202/Help/html/216.interactivity.fm22.html#68290

hvorfor afvise noget der virker??? Hmmmm...

Hej Dwj
1)Begynd med at oprette et lag under insert layer. Stil dig i laget og gå op i menuen Window og tryk objects og peg på det stykke grafik eller hvad du ønsker laget skla indeholde. Gå derefter op i menuen Window igen, tryk på behaviours eller F8.

2)Her trykker du på + for events og tryk  så på show- hide layers så får du en dialogbox hvor du fx vælger show. Nu skal du trykke på den nedadpegende pil i behaviours boxen og derefter trykke på (onMouseOver)for at lave effekten med at skjule laget gentager du trin 2 men skriver i stedet hide samt (OnMouseOut)der hvor det fremgå ifølge trin 2

Mvh Intell - håber du får glæde af denne mere sofistikerede rolleovereffekt.

1. For det første, skal du navngive alle billeder.

2. Klik på det billede, hvor mouseover skal være.

3. Vælg Behaviours eller klik F8, vælg "swap image".

4. I dialogboksen vælger du navn på det billed, der skal skifte og nedenunder vælger du billedet som skal være vist i stedet for.

5. Uden, at lukke dialogboksen vælger du andet billed navn og nedenunder billedet som skal vises.

6. Du gentager det samme med alle billeder, der skal skifte onmouseover. Til sidst lukker du dialogboksen.

!!! Husk, at markere "swap image restore"

Hey DWJ ! (Lidt mærkeligt navn du har)
Nå men nu til sagen.

Først lægger du et gif/jpg der hvor du vil have at noget skal ændre sig. I din properties-palette (den lille flade palette) giver du billedet et navn. Det gør du fordi et billede skal have et navn når det skal "javascriptes".
Derefter markerer du det billede som skal være det, som brugeren fører musen henover. Du tilføjer så din behavior som på normal vis men du vælger i stedet navnet på det billede som du netop har navngivet.

Derefter i feltet nedenunder "browser du ned efter det billede som skal komme ind på "rollover".

Var det ok ?
Dyhrberg

Hold dig til intell`s svar. Dette er klart det der bliver spurgt om

Nielss

Prøv dette her. Du kan lave et gif, der matcher baggrunden som start på ALT

Henrik


<HTML>
<HEAD>
<TITLE>Changing Image And Alternate Image</TITLE>
<script language="JavaScript">

var NN3 = false;
image1= new Image();
image1.src = "linkoff.gif";
image1on = new Image();
image1on.src = "linkon.gif";
image1alt = new Image();
image1alt.src = "dg1.gif";
image1alton = new Image();
image1alton.src = "dg2.gif";

image2= new Image();
image2.src = "red1.gif";
image2on = new Image();
image2on.src = "red.gif";
image2alt = new Image();
image2alt.src = "dg2.gif";
image2alton = new Image();
image2alton.src = "dg1.gif";

function on3(name)  {
        document[name].src = eval(name + "on.src");
        document[name + "alt"].src = eval(name + "alton.src");
}
function off3(name)  {
        document[name].src = eval(name + ".src");
        document[name + "alt"].src = eval(name + "alt.src");
}
NN3 = true;

function on(name)  {
        if (NN3) on3(name);
}
function off(name)  {
        if (NN3) off3(name);
}

</script>

<img src="dg1.gif" name="image1alt" align="right">
<a href="jsmain.htm" onmouseover="on('image1');" onmouseout="off('image1')"><img src="linkoff.gif"  border="0" name="image1"></a><br><BR>
<img src="dg2.gif" name="image2alt" align="right">
<a href="jsmain.htm" onmouseover="on('image2');" onmouseout="off('image2')"><img src="red1.gif"  border="0" name="image2"></a><br><BR>
</BODY>
</HTML>

Hov dette her faldt ud:

</HEAD>
<BODY>

<html>
<head>
<script language=javascript>
<!--

if(document.images){
    mainKnap2 = new Image
    mainKnap = new Image
    fotoKnap2 = new Image
    fotoKnap = new Image
    biografiKnap2 = new Image
    biografiKnap = new Image
    artKnap2 = new Image
    artKnap = new Image
    downKnap2 = new Image
    downKnap = new Image
   
    mainKnap2.src = 'knap_main_2.gif'
    mainKnap.src = 'knap_main.gif'
    fotoKnap2.src = 'knap_foto_gallary_2.gif'
    fotoKnap.src = 'knap_foto_gallary.gif'
    biografiKnap2.src = 'knap_biografi_2.gif'
    biografiKnap.src = 'knap_biografi.gif'
    artKnap2.src = 'knap_wallpaper_art_2.gif'
    artKnap.src = 'knap_wallpaper_art.gif'
    downKnap2.src = 'knap_downloads_2.gif'
    downKnap.src = 'knap_downloads.gif'

}
else{
    mainKnap2 = ""
    mainKnap = ""
    document.main = ""
    fotoKnap2 = ""
    fotoKnap = ""
    document.foto = ""
    biografiKnap2 = ""
    biografiKnap = ""
    document.biografi = ""
    artKnap2 = ""
    artKnap = ""
    document.art = ""
    downKnap2 = ""
    downKnap = ""
    document.down = ""
}
    //-->
</script>
</head>

<body background="background.jpg" text="ff0000">


<a href="main.html" target="Right"

onmouseover="document.main.src=mainKnap2.src"
onmouseout="document.main.src=mainKnap.src">

<img src="knap_main.gif" border="0" alt="Main" name="main">
</a>


<a href="foto_gallary.html" target="Right"

onmouseover="document.foto.src=fotoKnap2.src"
onmouseout="document.foto.src=fotoKnap.src">

<img src="knap_foto_gallary.gif" border="0" alt="Photo Gallary" name="foto">
</a>


<a href="biografi.html" target="Right"

onmouseover="document.biografi.src=biografiKnap2.src"
onmouseout="document.biografi.src=biografiKnap.src">

<img src="knap_biografi.gif" border="0" alt="Biografi" name="biografi">
</a>

<a href="wallpaper_art.html" target="Right"

onmouseover="document.art.src=artKnap2.src"
onmouseout="document.art.src=artKnap.src">

<img src="knap_wallpaper_art.gif" border="0" alt="Wallpaper/Art" name="art">
</a>


<a href="downloads.html" target="Right"

onmouseover="document.down.src=downKnap2.src"
onmouseout="document.down.src=downKnap.src">

<img src="knap_downloads.gif" border="0" alt="Downloads" name="down">
</a>

Det her er koder du GODT må bruge de er taget fra en af mine gamle homepage (go.to/anna_kournikova) jeg har selv lavet dem så der er ikke ploblemer med COPYRIGHT ©

du skal selvfølig ændre filnavne til det du skal bruge!
Held og Lykke

The Shadow Surfer

Hej dwj,

Gør som NATO siger, det virker og du slipper for at kode JS, som jo i virkeligheden er det DW er god til, nemlig at folk som ikke kan kode eller gider kode JS, slipper.

Damn der var langt herned.. har du en scrollmus eller hvordan kom du herned så hurtigt =)

(fik lige lyst til at skrive noget lamt... :)