If you hover over each image you'll notice the link address it's pointing at is not matching the actual link location on the additional images.
Working:
Main Image
javascript popupWindow('http://www.rainbowandgrey.co.uk/index.php?main_page=popup_image&pID=426&zenid=2c0054315de7ee64573e005c0c102f48')
<img src="images/SC Childrens Character Cards/Woodland.jpg" alt="Woodland Themed Baby Milestone Cards" title=" Woodland Themed Baby Milestone Cards " width="300" height="300">
Additional Image Not Working:
IMG 7 - copy link location
javascript popupWindow('http://www.rainbowandgrey.co.uk/index.php?main_page=popup_image_additional&pID=426&pic=6&products_image_large_ad ditional=images%2Flarge%2FSC+Childrens+Character+Cards%2FWoodland_007_LRG.jpg&ze nid=2c0054315de7ee64573e005c0c102f48')
IMG 7 - HTML source
<img src="images/SC Childrens Character Cards/Woodland_007.jpg" alt="Woodland Themed Baby Milestone Cards" title=" Woodland Themed Baby Milestone Cards " width="200" height="200">
Your includes/modules/YOUR_TEMPLATE/additional_images.php is not interpreting this code correctly for your files/directories:
PHP Code:
for ($i=0, $n=$num_images; $i<$n; $i++) {
$file = $images_array[$i];
$products_image_large = str_replace(DIR_WS_IMAGES, DIR_WS_IMAGES . 'large/', $products_image_directory) . str_replace($products_image_extension, '', $file) . IMAGE_SUFFIX_LARGE . $products_image_extension;
$flag_has_large = file_exists($products_image_large);
$products_image_large = ($flag_has_large ? $products_image_large : $products_image_directory . $file);
$flag_display_large = (IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE == 'Yes' || $flag_has_large);
$base_image = $products_image_directory . $file;
$thumb_slashes = zen_image(addslashes($base_image), addslashes($products_name), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
$thumb_regular = zen_image($base_image, $products_name, SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
$large_link = zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large);
// Link Preparation:
$script_link = '<script type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascript:popupWindow(\\\'' . str_replace($products_image_large, urlencode(addslashes($products_image_large)), $large_link) . '\\\')">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';
$noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br /><span class="imgLinkAdditional">' . TEXT_CLICK_TO_ENLARGE . '</span></a>' : $thumb_regular ) . '</noscript>';
// $alternate_link = '<a href="' . $products_image_large . '" onclick="javascript:popupWindow(\''. $large_link . '\') return false;" title="' . $products_name . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';
$link = $script_link . "\n " . $noscript_link;
// $link = $alternate_link;
// List Box array generation:
$list_box_contents[$row][$col] = array('params' => 'class="additionalImages centeredContent notback"' . ' ' . 'style="width:' . $col_width . '%;"',
'text' => "\n " . $link);
I am NOT using the _LRG suffix just the matching image name within the same directory as the main image. This is properly showing the stock Product Additional Images when clicking to enlarge.
Have a look http://twitchtoo.com/tR_codeSHOP/ind...&products_id=3
Bookmarks