Adding a Hover to Product Images

[EPStore]

Hey guys,

 

How should I go about adding a hover to my product images so that, when someone puts his mouse over them, it reads "click to enlarge"?

It's for oscommerce 2.3.1 so I guess the change has to be made in product_info.php... and maybe to this part of code:

 

<script type="text/javascript">
$('#piGal ul').bxGallery({
 maxwidth: 660,
 maxheight: 440,
 thumbwidth: <?php echo (($pi_counter > 1) ? '100' : '0'); ?>,
 thumbcontainer: 300,
 load_image: 'ext/jquery/bxGallery/spinner.gif'
});
</script>

<?php
     } else {
?>

   <div id="piGal" style="float: right;">
     <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank" rel="fancybox">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), null, null, 'hspace="5" vspace="5"') . '</a>'; ?>
   </div>

<?php
     }
?>

<script type="text/javascript">
$("#piGal a[rel^='fancybox']").fancybox({
 cyclic: true
});
</script>

 

 

 

But I don't know where exactly...

[EPStore]

Any idea?

[EPStore]

I hope that third time's gonna be the charm :)