Avatar billede dwj Nybegynder
13. august 1999 - 11:58 Der er 14 kommentarer og
1 løsning

Rollover med flere funktioner

jeg har en knap med rollover funktion på. men jeg vil gerne have at når jeg kør over knappen skal der dukke et billed op et andet sted på siden og når jeg kør ud igen skal det forsvinde.
hvad skal jeg gøre.
Avatar billede ossy Nybegynder
13. august 1999 - 12:25 #1
<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...
Avatar billede snowball Novice
13. august 1999 - 14:18 #2
Si'r ordet COPYRIGHT© dig noget ???


Snowball
Avatar billede villadsen Nybegynder
13. august 1999 - 16:49 #3
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.
Avatar billede chris Nybegynder
13. august 1999 - 20:06 #4
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 ! :)
Avatar billede chris Nybegynder
13. august 1999 - 20:08 #5
Avatar billede ossy Nybegynder
16. august 1999 - 10:12 #6
hvorfor afvise noget der virker??? Hmmmm...
Avatar billede intell Nybegynder
17. august 1999 - 11:17 #7
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.
Avatar billede nato Nybegynder
15. september 1999 - 11:24 #8
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"
Avatar billede dyhrberg Nybegynder
09. oktober 1999 - 01:28 #9
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
Avatar billede nielss Nybegynder
12. oktober 1999 - 14:18 #10
Hold dig til intell`s svar. Dette er klart det der bliver spurgt om

Nielss
Avatar billede hnteknik Novice
01. december 1999 - 14:53 #11
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>
Avatar billede hnteknik Novice
01. december 1999 - 14:55 #12
Hov dette her faldt ud:

</HEAD>
<BODY>
Avatar billede shadowsurfer Nybegynder
24. januar 2000 - 23:07 #13
<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
Avatar billede dennis604 Nybegynder
13. april 2000 - 14:23 #14
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.
Avatar billede bitnissen Nybegynder
24. april 2000 - 07:41 #15
Damn der var langt herned.. har du en scrollmus eller hvordan kom du herned så hurtigt =)

(fik lige lyst til at skrive noget lamt... :)
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
Kurser inden for grundlæggende programmering

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