Avatar billede 0ffline Nybegynder
01. juni 2002 - 17:07 Der er 1 kommentar og
1 løsning

mouseover ---> skift billede samt afspil lyd?????

Det kan da ikke være rigtigt at man ikke både kan afspille lyd samt lave et billedeskift ved eén mouseover.
Men hva hulen gør jeg forkert her
http://www.offlinedesign.dk
Det er menningen at kvinden både skal åbne munden som i f.eks 'Eksperten' linket, men jeg vil også gerne have hende til at sige lyden som i 'Portfolio' linket...
Har prøvet alt muligt, men det vil ikke :(

Håber I kan hjælpe !!!!
Avatar billede 0ffline Nybegynder
01. juni 2002 - 17:16 #1
Måske det hjælper, hvis jeg lige poster lidt kildekode :)

<script type="text/javascript">

billede1 = new Image();
billede1.src = "graphics/face1.gif";

billede2 = new Image();
billede2.src = "graphics/face2.gif";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

// Slut -->
</script>
<bgsound id='JSSound' src=''>
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!--
nMaxItem = 4;
NameIndex = 0;
MouseOverState = 1;
MouseClickState = 2;
MouseDownState = 3;
MouseOutState = 4;
sndCounter = 0;
SoundList = new Array();
//-->
</SCRIPT>
<! Java Variable End *** ONLY 1 copie needed in a HTML file *** SSP3>


<SCRIPT LANGUAGE = "JavaScript">
<!--

function RestoreImage(){ //v2.0
    nCount = document.OriginImage.length;
    ImgArray = document.OriginImage;

    if (document.OriginImage != null)
        for (i = 0; i < (nCount - 1); i += 2)
            ImgArray[i].src = ImgArray[i+1];
    document.OriginImage = null;
}

function ReplaceImage(){ //v2.0
    j = 0;
    ImgArray = new Array;
    oldImgArray = document.OriginImage;

    for (i = 0; i < ReplaceImage.arguments.length; i += 2) {
        obj=ReplaceImage.arguments[i]
        ImgArray[j++] = obj;
        if (oldImgArray == null || oldImgArray[j-1] != obj)
            ImgArray[j++] = obj.src;
        else
            ImgArray[j++] = oldImgArray[j];
        obj.src = ReplaceImage.arguments[i + 1];
    }
    if (document.OriginImage == null)
        document.OriginImage = ImgArray;
}

function AddSoundToList(name, MouseOver, MouseClick, MouseDown, MouseOut)
{
    SoundList[sndCounter] = new Array(nMaxItem);
    SoundList[sndCounter][NameIndex] = name;
    SoundList[sndCounter][MouseOverState] = MouseOver;
    SoundList[sndCounter][MouseClickState] = MouseClick;
    SoundList[sndCounter][MouseDownState] = MouseDown;
    SoundList[sndCounter][MouseOutState] = MouseOut;
    sndCounter++;
}

function PlaySound(name, state)
{
    for (i = 0; i < sndCounter; i++)
    {
        if (name == SoundList[i][NameIndex])
        {
            if (navigator.appName == 'Netscape')
            {
                if (SoundList[i][state] != "")
                    document.NSSound.play();
                else
                    document.NSSound.stop();
            }
            else
            {
                document.all.JSSound.src = SoundList[i][state];
                document.all.JSSound.loop = 1;
                document.all.JSSound.autostart = true;
            }
        }
    }
}

AddSoundToList("TOP10", "", "", "", "");
AddSoundToList("TOP11", "", "", "", "");
AddSoundToList("TOP12", "", "", "", "");
AddSoundToList("TOP13", "", "", "", "");
AddSoundToList("portfolio3", "audio2/portfolio.mp3", "", "", "");
AddSoundToList("TOP15", "", "", "", "");
AddSoundToList("TOP16", "", "", "", "");
AddSoundToList("designs3", "audio2/injoy.mp3", "", "", "");
AddSoundToList("TOP18", "", "", "", "");
AddSoundToList("projekt3", "audio2/thanx.mp3", "", "", "");
AddSoundToList("TOP110", "", "", "", "");
AddSoundToList("TOP111", "", "", "", "");
AddSoundToList("TOP112", "", "", "", "");
AddSoundToList("eksperten", "audio2/welcome.mp3", "", "", "");

//-->
</SCRIPT>
<BODY BGCOLOR="#262219">

<center><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=768 HEIGHT=560>
<TR>
<TD ROWSPAN=1 COLSPAN=1 WIDTH=280 HEIGHT=136>
    <IMG SRC="graphics/top1.gif" WIDTH=280 HEIGHT=136 BORDER=0 ></TD>
<TD ROWSPAN=6 COLSPAN=1 WIDTH=124 HEIGHT=310>
    <IMG SRC="graphics/top2.gif" WIDTH=124 HEIGHT=310 BORDER=0 ></TD>
<TD ROWSPAN=2 COLSPAN=1 WIDTH=254 HEIGHT=144>
    <IMG SRC="graphics/top3.gif" WIDTH=254 HEIGHT=144 BORDER=0 ></TD>
<TD ROWSPAN=9 COLSPAN=1 WIDTH=110 HEIGHT=560>
    <IMG SRC="graphics/rightblack.gif" WIDTH=110 HEIGHT=560 BORDER=0 ></TD>
<TD ROWSPAN=1 COLSPAN=1 WIDTH=1 HEIGHT=136><IMG SRC="graphics/ssp-shim.gif" WIDTH=1 HEIGHT=136 BORDER=0></TD>
</TR>
<TR>
<TD ROWSPAN=2 COLSPAN=1 WIDTH=280 HEIGHT=52>
<a href="http://www.offlinedesign.dk"
onmouseover="skiftbillede('move','graphics/face2.gif')"
onmouseout="skiftbillede('move','graphics/face1.gif')">
<A HREF="" ONMOUSEOVER =" PlaySound('portfolio3', MouseOverState);"     ONCLICK =" PlaySound('portfolio3', MouseClickState);"     ONMOUSEDOWN =" PlaySound('portfolio3', MouseDownState);"     ONMOUSEOUT ="document.OriginImage=null;  PlaySound('portfolio3', MouseOutState);" >
    <IMG SRC="graphics/portfoliolink.gif" WIDTH=280 HEIGHT=52 BORDER=0 ></TD>
Avatar billede 0ffline Nybegynder
01. juni 2002 - 18:01 #2
Fandt ud af det :O)
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