Avatar billede pwn Forsker
28. april 2006 - 01:08 Der er 23 kommentarer og
1 løsning

mouse over / on mouse

Jeg har en grundplan over en lejlighed. Når man peger med musen på et rum vil jeg gerne have, at der dukker et billede op i et felt ved siden af planen. Hvordan gøres dette (forklar gerne til "ikke særligt rutineret:-)
Avatar billede freegeg Nybegynder
28. april 2006 - 01:26 #1
http://img123.imageshack.us/img123/1379/dw8imgtools7gx.jpg

det 3 hotspot tools skulle kunne gøre det du vil :)
Avatar billede freegeg Nybegynder
28. april 2006 - 01:28 #2
brug:
du selecter en af de 3 forme.. også laver en "drag and hold" tror jeg nok det hedder :S
Avatar billede pwn Forsker
28. april 2006 - 01:41 #3
Forklar lige det lidt nærmere:-)
Jeg vil kun pege på et hotspot-område, hvorefter et billede dukker på på et nærmere angivet sted.
Avatar billede freegeg Nybegynder
28. april 2006 - 01:50 #4
du vil altså gerne blive på samme side, når du trykker på hotspot linket?

først.. har du fundet ud af hvordan hotspot virker?
Avatar billede pwn Forsker
28. april 2006 - 01:54 #5
Ja, det bruger jeg jævnligt.
Se http://www.glk.dk/ som eksempel - i stedet for tekst vil jeg gerne have et billede frem.
Avatar billede freegeg Nybegynder
28. april 2006 - 02:20 #6
først laver du et billede mere på din side.. det kalder du realimg, derefter går du ind i "Code View" og indsætter dette lige under den linie der begynder med <TITLE>

<script language="JavaScript">
function changeimg(url)
{
document.realimg.src=url;
}
</script>


i dine hosspot links, skiver du så

java script:changeimg("billede.jpg");
Avatar billede freegeg Nybegynder
28. april 2006 - 02:23 #7
jeg har lave et copy/paste klar skabelon.. du skal dog selv oprette hotspots efter hvad du skal bruge:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript">
function changeimg(url)
{
document.realimg.src=url;
}
</script>
</head>

<body>
<table width="100%" border="1">
  <tr>
    <td width="62%" height="505"><p><img alt="" name="overview" width="500" height="500" id="overview" /></p>
    <p>&nbsp;</p></td>
    <td width="38%"><img src="" alt="" name="realimg" width="300" height="300" id="realimg" /></td>
  </tr>
</table>

</body>
</html>
Avatar billede hundevennen Nybegynder
28. april 2006 - 13:42 #8
du skal lave et nyt lag med et billede, samt en funktion med når du køre musen hen over et rum så vises laget
Avatar billede donca Nybegynder
28. april 2006 - 14:12 #9
hundevennens svar er også godt.. vis du f.eks skal have et flottere design.. samt "instant" visning.. mit eksempel oader den først billedet, når du trykker på linket/hotspottet
Avatar billede hundevennen Nybegynder
28. april 2006 - 16:51 #10
hvis PWN bruger dreamweaver ligger funktionerne i programmet og han kan også vælge show layer med et mouseclick på en hotspot eller lignende
Avatar billede freegeg Nybegynder
28. april 2006 - 17:33 #11
hov.. glæmte lige jeg var logget på med min vens bruger.. jeg er donca :)
Avatar billede hundevennen Nybegynder
28. april 2006 - 18:09 #12
:-))
Avatar billede pwn Forsker
28. april 2006 - 19:58 #13
Tak for de mange gode svar - jeg kunne godt tænke mig løsningen, hvor billedet vises med det samme, når musen føren hen over feltet; altså uden klik. Jeg har gjort følgende:
1) Oprettet hotspot over et rum
2)Højreklikket og valgt Make link
3) Fundet det billede, der skal sættes ind

Det virker på den måde, at klikkes der, åbnes billedet på en ny side.

Hvordan kommer jeg videre; hvor ligger "show layer med et mouseclick på en hotspot"?
Avatar billede hundevennen Nybegynder
29. april 2006 - 10:17 #14
tryk på F2 for at få boksen advanced layout frem - gå i insert og vælg layer og sæt et billede ind  i laget stadigvæk i insert menupunktet.
Åbn Behaviors med  Shift + F3.
I det faneblad der hedder behaviors - klik på plusset og vælg show hide layers så får du en boks frem hvor du kan vælge show og hide og i layouboksen kan du så vælge hvilken funktion det skal være f.eks onmouse over og onmouseout - piece of cake, - ik?
Avatar billede pwn Forsker
29. april 2006 - 17:40 #15
Det skal skæres lidt mere ud i pap :-)

Når jeg trykker F2 får jeg ikke "advanced layout" frem (jeg bruger Dreamweaver MX 2004)- så allerede der stopper festen:-). Derimod kommer "Layers" frem under fanebladet Design.

Jeg har lagt et link med et grundrids: http://www.byport.dk/test.htm

Det jeg gerne vil er, blot ved at pege på de enkelte rum, så skal der i ventre side vises et billede. Hotspot er altså ikke det samme område, hvor billedet skal vises.
Som jeg har forstået forklaringerne, så tegnes et hotspot - fx. over stue - og et Lag i venstre side. Laget skal så indeholde et billede, der er skjult indtil musen føres ind over stue-hotspot.
Hvordan får jeg det til at virke.
ogm
Hvordan får jeg billedet til at blive på laget og ikke orientere sig i forhold til skærmkanten?
Avatar billede pwn Forsker
29. april 2006 - 18:17 #16
Lige en rettelse - billedet er stationært, det er resten af sicen, der er centreret. Så, hvordan får jeg billedetr til at følge den hvide del af siden?
Avatar billede hundevennen Nybegynder
29. april 2006 - 19:26 #17
Du kan bruge hele dit billede som link - d.v.s. når du føre musen hen over dit billede virker det med en mouseover og tænder for det lag du har lavet
Avatar billede hundevennen Nybegynder
29. april 2006 - 19:27 #18
jeg bruger DW MX så det burde vel være det samme??
Avatar billede hundevennen Nybegynder
29. april 2006 - 19:30 #19
jamen fane eller boksen der kommer frem hos mig hedder også design og i den er der et faneblad der hedder behavior iøvrigt har du jo lavet noget når man køre musen henover din balkon - du skal bare lave en onmouseout så forsvinder laget
Avatar billede hundevennen Nybegynder
30. april 2006 - 07:42 #20
jeg har kigget på koden til det du har lavet og det er jo rigtig nok - du skal som jeg skriver bare lave enshow hide layer mere på din hotspot, altså en hide layer onmouseout
Avatar billede hundevennen Nybegynder
30. april 2006 - 07:48 #21
med hensyn til dit layer 1 - der hvor du har billedet, så lav en style der placere billedet der hvordu vil ha det - dit layer skal se sådan her ud
<div id="Layer2" style="position:absolute; left:229px; top:81px; width:333px; height:347px; z-index:2"></div>
Avatar billede pwn Forsker
04. juli 2006 - 12:44 #22
Jeg må nok få det generelle Dreamweaver-niveau lidt højere op inden jeg kaster mig ud i ovenstående for mig avancerede teknik. Smid nogle svar, så lukker og fordeler jeg points - og tak for hjælpen.

mvh
p
Avatar billede hundevennen Nybegynder
04. juli 2006 - 20:01 #23
tjah - IDG har nogle gode hæfter om dreamweaver - de små hæfter på 100 sider til omrking 50 kr.
Avatar billede pwn Forsker
04. juli 2006 - 20:21 #24
Det tip honorere jeg med accept:-))
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