Basic Design Pack and the CSS-hover-popup mods

[ronhen]

Thanks for Pack. Saves me a lot of work!

I'm using the Basic Design Pack and the CSS-hover-popup mods. Basic Design Pack makes beautiful small images on the fly for the product page. But if I use the CSS-hover mod I get the orginal but rescaled images in the product info.

 

It has something to do with this part of the code, I suppose. First the orginal 'click image' code in product_info.php , than the hover CSS-hove-popup code. I suppose I have to change the hover code, so it picks the small image in stead of the rescaled one. Can you help me with that? Thanks in advance!

 

[basic Desgin Pack code]

<script language="javascript"><!--

document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');

//--></script>

<noscript>

<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>

</noscript>

 

[replaced with CSS hover popup mode code]

<div id="pic"><a class="p1" href="#" onClick="java script:return false"><?php echo('<img src=' . DIR_WS_IMAGES . $product_info['products_image'] . ' width="' . SMALL_IMAGE_WIDTH . '" height="' . SMALL_IMAGE_HEIGHT . '">'); ?><?php echo('<img src=' . DIR_WS_IMAGES . $product_info['products_image'] . ' width="' . SMALL_IMAGE_WIDTH . '" height="' . SMALL_IMAGE_HEIGHT . '" class="large">'); ?></a></div>