Hover funktion (mouse over effect) i wordpress - hvordan får jeg det med custom knapper

Problemstilling

Jeg har en wordpress side. 

Min grafiker har selv designet knapper, så kan ikke bruge plugins der understøtter hover og selv designer knapper.

Jeg har "normal" knappen A, og "mouseover" knappen B.   Hvordan får jeg det sat op?

Jeg har forgæves forsøgt mig med denne metode  (mouse over effekt bliver ikke vist):

<a onmouseover="document.sub_but.src='http://yourdomain.com/onroll.jpg'" onmouseout="document.sub_but.src='http://yourdomain.com/normal.jpg'" href="Destination URL" target="_top">
<img style="width: 200px; height: 63px; border: 0px solid #cc3300;" src="http://yourdomain.com/normal.jpg" alt="Move your mouse over me" name="sub_but" />
</a>

Change the parameters as follows...
- Destination URL is the URL you want the image to link to
- target="_top" opens the link in the same window. If you want it to open in a new window replace _top with _blank
- http://yourdomain.com/onroll.jpg is the url of the image that displays when someone points the mouse over it
- http://yourdomain.com/normal.jpg is the url of the image displaying when the mouse isn’t over it (note that you need to insert it twice in the code)
- Change width and height to fit your case
That’s it.

Har lavet en test på min testdomæne hvor man ser det ikke virker   : http://www.folmand.dk/hover-buttons/

Knappen "Klik her"   (dette er bare en test knap, for at se om jeg kan få det til at virke)

http://www.folmand.dk/hover-buttons/

Hej Folmand, hvis du ikke har fået løst problemet endnu, vil jeg råde dig til at kontakte vores Art Director Frederik Sally. Han er vores Wordpress ekspert. Du kan skrive til ham med spørgsmål, men ellers står vi også klar, hvis du skal have hjælp med et nyt forbedret site ;)

Du kan finde Frederiks kontaktoplysninger her:

http://www.dna-design.dk/kontakt/

NOTE:

Er der egentlig nogen der konkret erfaring hvad en Hover funktion har af betydning for CTR og konvertering? 

vh

Hej Folman

Det er "eksemplet" i vejledningen der f..... din rigtige kode op.

Fjern

<p><a onmouseover="document.sub_but.src='http://yourdomain.com/onroll.jpg'" onmouseout="document.sub_but.src='http://yourdomain.com/normal.jpg'" href="Destination URL" target="_top"><br />
<img style="width: 200px; height: 63px; border: 0px solid #cc3300;" src="http://yourdomain.com/normal.jpg" alt="Move your mouse over me" name="sub_but" /><br />
</a></p>

fra din html kode, så virker din knap. I en "vis kilde" på IE er det fra linie 177 til 179

Hej Folmand

Det er fordi du i princippet har 2 knapper med samme navn. Vil du have flere knapper på siden skal de hver have deres navn.
Din første knap hedder sub_but den næste kan du kalde sub_but2 osv.

Navnet på knappen skal ændres 3 steder i koden hvor der står sub_but

<a onmouseover="document.sub_but.src='http://.....'"
onmouseout="document.sub_but.src='http://....'"
alt="Test af Hover" name="sub_but" />