Mouseover til andet billede

http://www.builder.dk/builders/mouseoverbuilder.asp

//blood

Er det ikke selve billedet mouseoveren forekommer på der ændre sig? Det er nemlig ikke det jeg skal bruge....

//simob

Når jeg eks. går hen over profil skal et andet billede på siden ændre sig.

eks: http://www.vesterkopi.dk/forsider/dk-forside.html

//simob

Kom nu eksperter!!!

<script language=\"JavaScript\"><!--
function show(imageSrc) {
    if (document.images) document.images[\'myImage\'].src = imageSrc;
}
//--></script>

<table>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image1.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image One</a></td>
<td rowspan=\"10\"><img src=\"file:///E:/088px.jpg\" name=\"myImage\" width=\"1065\" height=\"1065\"></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image2.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Two</a></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image3.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Three</a></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image4.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Four</a></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image5.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Five</a></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image6.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Six</a></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image7.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Seven</a></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image8.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Eight</a></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image9.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Nine</a></td></tr>
<tr><td><a href=\"apage.html\" onMouseover=\"show(\'image10.gif\')\" onMouseout=\"show(\'blank.gif\')\">Show Image Ten</a></td></tr>
</table>


Sådan der?

img src=\"file:///E:/088px.jpg\"

Den skal du bare overskrive - bare noget jeg glemte at slette.

Jeg tror ikke helt jeg fatter hvordan jeg skal bearbejde dit svar.

Jeg prøver....

her er en lille side du vist kan bruge:
http://www.jakoba.dk/eksperten/exp123065.html

placeringen er ret tilfældig i eksemplet. du styrer den selv med de parametre du giver i funktionen placer.

mvh JakobA

Jeg leger lidt med det.

Skriver igen om en halv times tid...

På forhånd tak...

//simob

jakobA

Hvor mange steder i koden har du ændret.

Kan du ikke lige skrive linierne...

jeg har indsat

1) hele den script-sektion der står i head

2) 3 styks absolutte <div kommandoer med et lille billede i forrest i body (du behøver kun een hvis det samme skal vises for alle links)

3) en mouseover og en mouseout handeler i hvert af dine links.

mvh JakobA

Mange tak

Ups. jeg har lige rettet lidt gor at få NS6 med. samme adresse.

Fint nok.

Har du set jeg har klippet menupunkterne i enkelte billeder? Du har nemlig lavet det med Area.

Skal det være Area?

Det virker ikke når jeg skal sætte billedet ind som billede... Så er der jo ikke plads til andrer tabels...

Kig igen på linket, så kan du se.

Håber du vil hjælpe...

www.uniqueweb.dk/new/index.htm

//simob

Næe, jeg legede bare videre med din eksempelside.

Det jeg lavede er baseret på at der er et billede vi kan placere mouseoverbillederne i forhold til, og det skal være et forgrundsbillede, baggrundsbilledet kan jeg ikke finde podition på.

du kan evt bruge et menu-billederne, bare giv det et navn:

<A HREF=\"forside.htm\"
    onmouseover=\"placer( \'smil\', \'forside\', 100, -25 )\"
    onmouseout=\"skjul( \'smil\' )\" ><IMG SRC=\"menupunkt-forside.gif\" BORDER=\"0\" WIDTH=\"120\" HEIGHT=\"30\" ALIGN=\"bottom\" ALT=\"\" name=\'forside\'></A><BR>

mvh JakobA

Det du skriver er jeg indforstået med.

Men dette:

<IMG SRC=\"baggrund.gif\" BORDER=\"0\" WIDTH=\"765\" HEIGHT=\"400\" ALT=\"\" USEMAP=\"#baggrund\" name=\'storbilled\'>
<MAP NAME=\"baggrund\">

Hvis billedet skal indsættes (og ikke som baggrund) kan jeg da ikke sætte tabels eller andre billeder ovenpå...

Kan du ikke prøve at lave et eks. ud fra den eks. side jeg har nu?

http://www.uniqueweb.dk/new/index.htm

Jeg afsætter flere point hvis du vil have det...

Indtil videre tak for din store hjælp

//simob

Samme script.
samme divs
eet af de billeder du har på siden skal have et navn (fx ved at indsætte en name=\'forside\' parameter som jeg har gjort i dit billede ovenfor (kommentar 20:40:08)

det navn kan så bruges som anden parameter i de mouseover kald til placer du indsætter i dine links. (se samme kommentar)

ikke behov for flere points.

mvh JakobA

Jeg har lige prøvet, men det virker ikke.

Vil du ikke være sød at lave et eksempel, hvor du bruger det link jeg gav dig som fremgangsmåde?

Derefter kan jeg bare følge det eksempel hele vejen igennem.

//simob

De billeder du vælger skal helst være 150x150 (gør det nemmere for mig at skifte)

Du kan anvende følgende billeder:

http://www.uniqueweb.dk/new/1.gif (forside.htm)
http://www.uniqueweb.dk/new/2.gif (profil.htm)
http://www.uniqueweb.dk/new/3.gif (proces.htm)
http://www.uniqueweb.dk/new/4.gif (priser.htm)
http://www.uniqueweb.dk/new/5.gif (referencer.htm)
http://www.uniqueweb.dk/new/6.gif (kontakt.asp)

På forhånd tak.

//simob

Men det var jo præcis det jeg gjorde allerførst.
og imens jeg gjorde det lavede du spørgsmålet om så det var noget andet du ville have.

indsæt den der script sektion og een eller flere <div \'er i siden
sæt navn på EET og kun et af billederne på siden (hvis den sorte tekstfirkarn er et billede er den ideel at sætte navn på)

prøv at sætte onmouseover og onmouseout handlere på dine links

selvom det ikke virker så upload resultatet alligevel.

Så skal jeg nok kikke og se om jeg kan finde ud af hvad der går galt.

mvh JakobA

Fint nok.

Jeg uploader lige...

Jeg har uploadet...

Samme link.

//simob

Har du fundet problemet??

dine div-er hedder \'1\', \'2\', \'3\', ...
det går galt. navne skal begynde med et bogstav for at undgå de bliver forvekslet med tal. fx: \'d1\', \'d2\', \'d3\', ...

det er kun eet af billederne ser skal have et navn. du har givet navnet \'forside\' til den img kommando der indeholder \'menupunkt-forside.gif\'. herfter kan alle kald til placer relatere sig til det billede.

<A HREF=\"proces.htm\"
    onmouseover=\"placer( \'d2\', \'forside\', 100, -100 )\"
    onmouseout=\"skjul( \'d1\' )\" ><IMG SRC=\"menupunkt-proces.gif\" BORDER=\"0\" WIDTH=\"120\" HEIGHT=\"30\" ALIGN=\"bottom\" ALT=\"\"></A><BR>

navnet på den div du placerer ved mouseover skal være det samme som den du skjuler (ovenfor placeres \'d2\' men \'d1\' skjules bagefter).

prøv med det

Tak for svaret. Jeg prøver og melder derefter tilbage.

Nu virker det sådan nogenlunde.

Kan du ikke lige finde fejlene i dette:

http://www.uniqueweb.dk/new/index.htm

Nu tror jeg endelig jeg er ved at have fattet det :-)

//simob

Jep, nu er det kun småting der mangler.
i din \'d2\' div har du glemt  .gif  efter filnavnet

og i alle undtagen det første link har skjuler du en anden div end den du placerer. det skal være den samme.

og så skal  x,y værdierne rettes ind så billedet bliver placeret fornuftigt.

mvh JakobA

mon ikke  x, y skal være noget i retning af 200, -50
    onmouseover=\"placer( \'d2\', \'forside\', 200, -50 )\"

Så virker det.

http://www.uniqueweb.dk/new/index.htm

Jakob jeg vil gerne takke for din store tålmodig hed. Det var vildt lækkert at du gad og hjælpe. Du aner ikke hvor meget det betyder, at folk står til rådighed for at hjælpe dig hvis du har problemer.

Endnu engang tak...

//simob

selv tak

:-) det er for fedt det virker

Hvordan får jeg så billedet der tilhører siden til at blive på den side når brugeren læser siden og musen ikke nødvendigvis er lige på det menupunkt?

Du vil kunne se hvad jeg mener på:

www.uniqueweb.dk/new/index.htm

Når man er på eks. profil skal billedet blive der.

//simob

//jakoba

Jeg håber du stadig vil hjælpe selv om pointene er uddelt??

//simob

Jo da, men som du nok har bemærket er emails fra eksperten ikke for pålidelige for tiden.

dine links linker til forskellige sider så hvad med at placere sidens \'rigtige\' billede fast på det sted for hver side. Få ville det være det man så indtil brugeren fører musen over et link så mouseoverbilledet vises \'ovenpå\' og dækker det.

det ville også have den fordel at så kunne du placere billederne relativt til DET billede, og fx lave sider der bredte sig hvis de fik et bredt vindue.

mvh JakobA

Det var også min første tanke men jeg var bange for at man ikke kunne placere det \"rigtige\" billede så præcist at den blå cirkel stadig ville stå helt lige, når man lavede mouseover. (men ellers kan jeg jo bare justere i koordinaterne til mouseoveren).


Hvad mener du med dette?

\"det ville også have den fordel at så kunne du placere billederne relativt til DET billede, og fx lave sider der bredte sig hvis de fik et bredt vindue.\"

//simob

hvis du placerer de der mouseoverlayers relativt til DET billede vil det virke korrekt selvom afstanden mellem menu og billeder skulle ændre sig. Det gør siden mere \'robust\'.