Change image on Hover (merging codes)

Hi,
This is the code I am using to place an image at a certain place right now.

<img src="<?php echo get_template_directory_uri(); ?>/images/logomni.png" alt="" style="float: left; position: absolute; z-index: 10;" />

I want it to change to a different image when a mouse is moved over it (Hover). I did some google and found out that this is the code for what I want.

< a href="link.html">
<img alt="image" src="images/image.png" class="nohover" /><img alt="imagehover" src="images/image.png" class="hover" />
</a>

Now the question is, what would my final code be? How could i merge those codes in so I have my real code (the first one) that changes to a different image when mouse moved over it (the 2nd code concept)

Thanks