Dreamweaver - me gustaria que un boton cambie de color al pasar el mouse y q al hacer click se abriera un lightbox

Hola estoy haciendo mi primera pagina web con dreamweaver y de codigo se poquito como veran.

Ya he usado lo de imagen de sustitucion para q el boton cambien al pasar el mouse sobre el y tb he aplicado lightbox. El problema es que ahora quiero usar los dos para un mismo boton y no hay manera. Cuando logro ver el fecto de uno el otro no funciona y asi.

Aqui le pego el codigo como lo tengo, de esta forma puedo abrir el lightbox bien pero no logro q el boton cambie al pasar el mouse. Me esta faltando algun conector o lo estoy haciendo todo mal, agradeceria mucho su colaboracion!!

<div id="classificacio"><a href="Imagenes/classificacio imagenes/Sin título-2.jpg" alt=""data-lightbox="example-set" data-title="Classificacio 1r"><img class="example-image" <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('1concurs','','Imagenes/1r concurs on.png',1)"><img src="Imagenes/1r concurs off.png" alt="" width="512" height="30" id="carpfishing1concurs"></a></div>

Deberías crear una regla CSS, y después aplicarla a los botones

Ejemplo: (muy básico)

Y después la aplicás al enlace:

Esto va a hacer que el botón tenga una imagen y cuando le pasás el mouse por arriba apareza la otra, y le aplicás esa misma regla a todos los enlaces que quieras
Ejemplo:

Y por último, te recomendaría no usar espacios en los nombres de los archivos
En lugar de "1r concurs off.png", estaría bueno que renombres el archivo a "1r_concurs_off.png"

Saludos!