mouse-over op foto

[Hala Madrid]

Hallo,

Ik werk met photoshop en ik zou graag hebben dat, als mij over een button gaat (een slice) een andere button te voorschijn komt. Kan iemand mij een simpel scriptje geven daarvoor?

Grs Sam

 

[peter vazed]

Waar moet die andere tevoorschijn komen?
Ergens anders, of moet het de bestaande button vervangen?

 

[Hala Madrid]

De bestaande button vervangen, gewoon mouse-over, zodat je ziet dat je er met je muis opstaat. En indien mogelijk ook een mouse-down.

Grs Sam

 

[peter vazed]

In de head
<script language="JavaScript">
function flip(img,imgn)
{
document.images[imgn].src=img
}
</script>

in de body

<a href="http://www.helpmij.nl" onmouseover="flip('paars-16.jpg','pica')" onmouseout="flip
('oranje-10.jpg','pica')"><img src="oranje-10.jpg" name="pica" width="135" height="28" border="0"></a>

Ieder volgende mouseOver moet een eigen naam hebben
dus pica noem je voor alle volgende buttons
dan picb picc etc.

 

[Hala Madrid]

Dit is mijn code, waarom werkt dit niet?



<A HREF="bedrijf.htm">
<IMG SRC="images/inline_10.gif" WIDTH=70 WEIGHT=16 BORDER=0 ALT=""></A></TD>
<TD COLSPAN=3 ROWSPAN=2 onmouseover="flip('inline_11.gif', 'pica')" onmouseout="flip('inline_12.gif', 'pica')">
<IMG SRC="images/inline_11.gif" WIDTH=96 HEIGHT=20 ALT=""></TD>

En dit staat in de head,

<script language="JavaScript">
function flip(img,imgn)
{
document.images[imgn].src=img
}
</script>

Wat doe ik mis, want er gebeurt niets.
Ik stuur je het document ook door.

 

[peter vazed]

Plaatje moet naam hebben
<IMG SRC="images/inline_11.gif" WIDTH=96 HEIGHT=20 ALT="" name="pica">

anders weet de flip niet wat er moet gebeuren en waar.

 

[Hala Madrid]

<IMG SRC="images/inline_10.gif" WIDTH=70 HEIGHT=16 BORDER=0 ALT="" name="pica"></A></TD>
<TD COLSPAN=3 ROWSPAN=2 onmouseover="flip('inline_11.gif', 'pica')" onmouseout="flip('inline_12.gif', 'pica')">

Dit is nu de code en het lukt nog niet?
Wat doe ik nu verkeerd?

 

[peter vazed]

<TD><A HREF="bedrijf.htm" onmouseover="flip('images/inline_07_mouse.gif', 'pica')" onmouseout="flip('images/inline_10.gif', 'pica')"><IMG SRC="images/inline_10.gif" WIDTH=70 HEIGHT=16 BORDER=0 ALT="" name="pica"></A></TD>

 

[Hala Madrid]

't ga nog niet?

Kijkt ne keer naar mijn code:

http://users.pandora.be/kzdentergemonline/Test/home.html

Bedankt op voorhand
Grs Sam

 

[peter vazed]

Waar is het script?

Bij mij werkt het wel met je hier geposte files.

 

[Hala Madrid]

Pas anders eens mijn geposte files aan, en stuur ze dan door.

Dan kan ik kijken waar ik nog gemist ben.
Grs Sam

 

[peter vazed]

Gemist?
Inderdaad
onmouseout="flip('images/inline_10.gif'

Als je deze code zet op de plek van de huidige, moet het werken:
<TD><A HREF="bedrijf.htm" onmouseover="flip('images/inline_07_mouse.gif', 'pica')" onmouseout="flip('images/inline_10.gif', 'pica')"><IMG SRC="images/inline_10.gif" WIDTH=70 HEIGHT=16 BORDER=0 ALT="" name="pica"></A></TD>

En natuurlijk het script in de head zetten.

 

[Hala Madrid]

Perfect,

Heel erg bedankt
Wat vind je trouwens van het ontwerp?

Grs Sam

Kan je mij anders een mailtje sturen, dan heb ik je e-mail adres. Heb je msn?

Grs Sam