Rollover sur toutes les images d'un site

Bonjour à tous,

comme dit dans le titre j'aimerai savoir comment est-il possible de faire cela, c'est a dire afficher une autre image lorsque la souris passe sur une photo.


C'est un site de photographie crée avec wordpress et utilisant le thème expositio: http://wpshower.com/demo/?theme=expositio


Voci la parti du code que je pense concerné, du fichier : tmpl_single.php
___________________________________________________________


$the_query = new WP_Query( $arrArgs );
$rows_img = $the_query->posts;
$numItemsPerRow = 100;
$strResultGallery = '';
$strResultGallery .= '<table class="cls-table-gallery'.$strGalleryClass.'">';
$strResultGallery .= '<tr>';
$strResultGallery .= $strPostContent ? '<td class="wpscls-post-content">'.$strPostContent.'</td>' : '';

if (count($rows_img) > 0 && !is_page())
{
foreach ($rows_img as $numKey01 => $row_img)
{
$strFullImg = $row_img->guid;
$numTmpPos = strpos($strFullImg, '.', strlen($strFullImg) - 5);
$strExt = strtolower(substr($strFullImg, $numTmpPos));
$strThumb = substr($strFullImg, 0, $numTmpPos).$strExt;
if ($strExt == '.jpg' || $strExt == '.jpeg' || $strExt == '.gif' || $strExt == '.png')
{
$strResultGallery .= '<td>'.'<img alt="'.$row_img->post_title.'" src="'.$strThumb.'"/>';
$strResultGallery .= '<h5>'.$row_img->post_title.'</h5>';
$strResultGallery .= '</td>';
}
}
}
$strResultGallery .= '</tr>';
$strResultGallery .= '</table>';

if (count($rows_img) > 0 || $strPostContent) echo $strResultGallery;
break;
}
?>
_____________________________________________________________

Merci d'avance
mike