Søg
Avatar billede calo2 Nybegynder
19. august 2004 - 18:03 Der er 12 kommentarer og
1 løsning

Mouseover i en bestemt calle.

Hej!

Har en side som indenholder 10 små udsnit af nogle billeder. Vil gerne havde at når man holder musen hen over, så vise et bestemt billede fra en anden mappe i en celle. Disse billeder som skal vises er 132x176 og skal ved visningen/mouseover kun være 67x88.

Hvordan gør jeg dette???

Hvis der er en som kan hjælpe mig med dette, må han/hun meget gerne skærer det ud i pap. Er en nogen haj til det med koder.

På forhånd tak.
Avatar billede skovenborg Nybegynder
19. august 2004 - 23:03 #1
<script type="text/javascript">

function skiftBillede(bld) {
    elm = document.images["billede"];
    if (bld != "") {elm.style.display = "block";elm.src = bld;}
    else {elm.style.display = "none";}
}

</script>

<td>
<img name="billede" style="width:67px;height:88px;" />
</td>

Så kan du smide et billede ind i det ovenstående img-element, ved:
<img src="billedeudsnit.png" onmouseover="skiftBillede('/sti/til/billede.png');" onmouseout="skiftBillede('')" />
Avatar billede calo2 Nybegynder
20. august 2004 - 01:13 #2
Øhh, hvor skal det indsættes henne? Det billede som man kører musen hen over er ikke det som skal dukke frem i den bestemte celle. Det er nogle billeder som ligger i en mappe(Oprindelig str. 132x176), men skal vises i cellen i str. 67x88.


Håber du gider forklarer mig hvor koden skal indsættes og evt. i hvilken del af koden jeg skal indsætte min sti til det ønskede billede.
Avatar billede calo2 Nybegynder
20. august 2004 - 01:31 #3
Sorry! tror jeg har fundet ud af hvor de enkelte navne på billederne skal være;-)

Dog må du meget gerne forklarer hvor selve koden skal smides hen.

Skal det iøvrigt være png-billeder?-ellers ændre jeg vil bare til fx. jpg?
Avatar billede skovenborg Nybegynder
20. august 2004 - 14:40 #4
<script type="text/javascript">

function skiftBillede(bld) {
    elm = document.images["billede"];
    if (bld != "") {elm.style.display = "block";elm.src = bld;}
    else {elm.style.display = "none";}
}

</script>

skal sættes ind i <head> og <td>
<img name="billede" style="width:67px;height:88px;" />
</td> er det sted hvor billederne bliver smidt hen. Den har automatisk den rette størrelse så billederne bliver tilpasset.
Jeg viste heller ikke helt hvad du mente med de forskellige udsnit, men hvis vi nu siger at et af udsnittene hedder billedeudsnit.png og ligger i et img-element, så skulle koden se sådan ud:
<img src="billedeudsnit.png" onmouseover="skiftBillede('/sti/til/billede.png');" onmouseout="skiftBillede('')" />

Det er vel at mærke kun de to events onmouseover="skiftBillede('/sti/til/billede.png');" onmouseout="skiftBillede('')" som er vigtige - det kunne også være sat på et input-element (selvom det måske ikke giver så meget mening at gøre ;-)

Og ja, det virker også på andre end .png billeder - alle billeder er velkomne, bare de kan vises i et <img>-element. Png er bare det format jeg plejer at bruge i eksempler og den slags - men det er en helt anden sag ;-)
Avatar billede skovenborg Nybegynder
20. august 2004 - 14:42 #5
jeg håber også du har forstået skiftBillede funktionen. Den modtager her et argument som enten kan være '' hvilket betyder at den ikke skal vise noget billede (skjuler img-elementet). Ellers kan argumentet være stien til billedet (præcis som hvis du skrev <img src="/sti/til/billede.jpg" />).
Avatar billede calo2 Nybegynder
20. august 2004 - 22:06 #6
Hej har lige prøvet at kigge lidt på det men uden den store succes:-( Jeg er nok hellere ikke den skrappeste til det halløj. Tænkte om du ikke kunne beskrive det omkring sådan her?


<head>

KODEN DER SKAL I "HEAD"

<head/>

og...

<Celle ved mouse over>

KODEN DER SKAL INDSÆTTES I CELLEN; HVOR BILLEDERNE SKAL FREMKOMME VED MOUSEOVER

<Celle ved mouse over/>

og...

<Celle der skal aktivere ovensående celle>(Der hvor man holder muse over så billedet fra mappe bliver vist i den ønskede celle.

KODEN DER SKAL VÆRE DER HVOR MAN HOLDER MUSEN

<Celle der skal aktivere ovensående celle/>


! Håber du forstår hvad jeg mener. Skal helst ha´det skåret helt ud;-) Du må meget gerne lave teksten STOR, der hvor jeg skal indsætte billede ref/ stier.
Avatar billede skovenborg Nybegynder
22. august 2004 - 18:34 #7
Det ser nu meget rigtigt ud hvis jeg selv har forstået hvad du har sat ind i de forskellige steder. Kunne du ikke smide noget konkret kode, hvor problemmet opstår.
Avatar billede calo2 Nybegynder
23. august 2004 - 09:53 #8
Tænkte på om du ikke gad kopier mit sidste indlæg også erstatte min tekst med den kode der passer der? Du må meget gerne skrive med STOR der hvor jeg skal indsætte billede ref/-sti.
Avatar billede skovenborg Nybegynder
24. august 2004 - 17:11 #9
her er en udgave med de forskellige ting sat ind. Håber det virker mere forståeligt:
<head>

<!-- KODEN DER SKAL I "HEAD" -->
<script type="text/javascript">

function skiftBillede(bld) {
    elm = document.images["billede"];
    if (bld != "") {elm.style.display = "block";elm.src = bld;}
    else {elm.style.display = "none";}
}

</script>

<head/>

<td>

<!-- KODEN DER SKAL INDSÆTTES I CELLEN; HVOR BILLEDERNE SKAL FREMKOMME VED MOUSEOVER -->
<img name="billede" style="width:67px;height:88px;" />
</td>

<td>

<!-- KODEN DER SKAL VÆRE DER HVOR MAN HOLDER MUSEN -->
<img src="LILLE_UDSNIT_AF_BILLEDE_SOM_SKAL_SÆTTER_IND_VED_MOUSEOVER.JPG" onmouseover="skiftBillede('/STI/TIL/BILLEDE_SOM_SKAL_SÆTTES_IND_I_OVENSTÅENDE_CELLE.PNG');" onmouseout="skiftBillede('')" />
</td>
Avatar billede calo2 Nybegynder
26. august 2004 - 12:14 #10
Så lykkes det;-) Du skal ha´en STOR tak for din hjælp og tålmodighed. Smid lige et svar så skal du få dine point;-) I mellem tiden fylder jeg lige lidt karma på din profil. Endnu engang tak for hjælpen.

MVH

CALO2
Avatar billede skovenborg Nybegynder
26. august 2004 - 22:13 #11
du er velkommen :-)
Avatar billede calo2 Nybegynder
27. august 2004 - 08:51 #12
Hvad skal ændres i koden, hvis jeg ønsker at der skal vises et fast billede når mouseover funktionen ikke bruges? Altså sådan at den skifter tilbage til et fast billede, mellem mouseover funktionen.
Avatar billede skovenborg Nybegynder
27. august 2004 - 18:53 #13
du kan starte med at vise et standard-billede, når siden loader:
<img name="billede" src="STANDARDBILLEDE.JPG" style="width:67px;height:88px;" />
dette billede kan du så skifte tilbage til ved at ændre lidt i funktionen øverst oppe i <head>:
function skiftBillede(bld) {
    elm = document.images["billede"];
    if (bld != "") {elm.src = bld;}
    else {elm.src = 'STANDARDBILLEDE.JPG';}
}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »