efekt rollover - nie działa

mam problem
chce uzyskac efekt rollover , czyli zmiana obrazka po najechaniu + click wywoluje gateway [ mam plugin ktory zmienia mi zdjecia ale nie mozna podpiac gateway, wiec potrzebny jest kod ,

kod ktory obecnie probuje to :

<a href="javascript;" onclick="FCstartGateway(0000);"><img
src='http://moja-strona/wp-content/uploads/2013/11/player-1-.png'
onMouseOver="this.src='http://moja-strona/wp-
content/uploads/2013/11/player-2.png'" onMouseOut="this.src='http://moja-strona/wp-content/uploads/2013/11/player-1-.png'"></a>

podawal mi to "mentor" oraz co drugi blog z googla , ale nie dziala [znaczy dziala tylko do 1 zdjecia , pokazuje zdjecie i po jego kliknieciu wywoluje gateway ale efekt rollover nie dziala co obniza mi skutecznosc w pobraniach [ obecnie mam podstawiony ladnie wygladajacy gif ]
pozatym chcialbym identycznie podpiac pod CPA
gdzie obecny kod mi uruchamia gateway [

<img src="http://moja-strona/wp-content/uploads/2013/08/pr1.gif"
onclick="show_gateway('')" alt="" />

i niemam juz pojecia jak to zmienic skoro niedziala mi pierwszy kod , probowalem z css ale niewiem o co chodzi za cienki jestem w te klocki

a i dodalbym jescze jedno ze do dodawania kodow na stronie uzywam hana code insert [ plugin ktory dodaje kody javascript , html i inne z poziomu posta]

Jestem w kropce od kilku dni szukam roznych sposobow i niestety nie dziala , niewiem co robie zle , bylbym bardzo wdzieczny za odpowiedz , oczywiscie repuciki dla kazdego

Edit : Gdyby ktos znal odpowiedz w CSS to rowniez bede wdzieczny

po 2 dniach poszukiwan prob i bledow udalo mi sie znalesc kod ktory dziala jak trzeba

moze komus sie przyda bo z wordpressem roznie bywa

1. kod miedzy sekcje <head>

<head>

<script language="javascript">
function MouseRollover(MyImage) {
MyImage.src = "url 1";
}

function MouseOut(MyImage) {
MyImage.src = "url 2";
}
</script>

</head>

2. miedzy sekcje body [posta]

<body>

<div align="center">

<!--The rollover image displays here.-->
<img src="url 2" border="0px" width="szerokosc px" height="wysokosc px"
onMouseOver="MouseRollover(this)"
onMouseOut="MouseOut(this)" />

</div>

</body>

dziala jak trzeba , efekt rollover dla wordpress , kod bardzo prosty , w razie problemow prosze pisac pomoge

temat do zamkniecia