freckles Posted January 25, 2010 Share Posted January 25, 2010 Greetings, I have J Query Lightbox with Ultra Pics installed and working fine. Adding one image, no problem. Adding two? Fine. Adding a third or more? All hell breaks loose. The first two images stack vertically just right, but when I add a third image, it comes up next to the second, not below it. Any idea's how to get the images to list vertically? here is the link to the problem...here and here is the code for additional_images.php that I think needs to be edited. somehow. <!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //--> <tr> <td> <table width="100%"> <tr> <?php if (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] == '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } elseif (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] != '')) { ?> <td align="center" class="smallText"> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_1']) . '" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?> </td> <?php } elseif (($products_info['products_image_sm_1'] == '') && ($product_info['products_image_xl_1'] != '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_1'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } else {echo '<td></td>';} ?> <?php if (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] == '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } elseif (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] != '')) { ?> <td align="center" class="smallText"> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_2']) . '" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?> </td> <?php } elseif (($products_info['products_image_sm_2'] == '') && ($product_info['products_image_xl_2'] != '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_2'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } else {echo '<td></td>';} ?> <?php if (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] == '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } elseif (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] != '')) { ?> <td align="center" class="smallText"> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_3']) . '" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?> </td> <?php } elseif (($products_info['products_image_sm_3'] == '') && ($product_info['products_image_xl_3'] != '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_3'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } else {echo '<td></td>';} ?> </tr> <tr> <?php if (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] == '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } elseif (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] != '')) { ?> <td align="center" class="smallText"> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_4']) . '" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?> </td> <?php } elseif (($products_info['products_image_sm_4'] == '') && ($product_info['products_image_xl_4'] != '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_4'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } else {echo '<td></td>';} ?> <?php if (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] == '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } elseif (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] != '')) { ?> <td align="center" class="smallText"> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_5']) . '" target="_blank" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?> </td> <?php } elseif (($products_info['products_image_sm_5'] == '') && ($product_info['products_image_xl_5'] != '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_5'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } else {echo '<td></td>';} ?> <?php if (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] == '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } elseif (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] != '')) { ?> <td align="center" class="smallText"> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_6']) . '" target="_blank" rel="prettyOverlay[gallery]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?> </td> <?php } elseif (($products_info['products_image_sm_6'] == '') && ($product_info['products_image_xl_6'] != '')) { ?> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_6'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?> </td> <?php } else {echo '<td></td>';} ?> </tr> </table> </td> </tr> <!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //--> thank you for any help you can give. Quote Link to comment Share on other sites More sharing options...
freckles Posted January 26, 2010 Author Share Posted January 26, 2010 well after much fussing with additional_images.php, i ended up inserting this... <td align="right" class="smallText"> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '20'); ?></td> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '20'); ?></td> <br><br> and that got things aligned vertically. its not perfect, but its gonna have to do for now. i could still really use someone's opinion who knows PHP better than I do (which is pretty much everyone). Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.