Jump to content

ndl

Members
  • Content count

    1
  • Joined

  • Last visited

Everything posted by ndl

  1. Hello everyone, I am using oscommerce 2.3.3. I've got a minimaly modified (image size) fancybox in my product_info.php. I managed to enlarge the main image so it takes more space and now i want all thumbnails to be on the right side. This is what i've got: http://s16.postimg.org/pi5pd6u3p/slep1.jpg This is how I want it to be: http://s16.postimg.org/6ojwg6vvp/slep2.jpg Current code: <div id="piGal" style="float: right;"> <h3 style="float: right;"><?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_draw_button(IMAGE_BUTTON_IN_CART, 'cart', null, 'primary'); ?></h3> <ul> <?php $pi_counter = 0; while ($pi = tep_db_fetch_array($pi_query)) { $pi_counter++; $pi_entry = ' <li><a href="'; if (tep_not_null($pi['htmlcontent'])) { $pi_entry .= '#piGalimg_' . $pi_counter; } else { $pi_entry .= tep_href_link(DIR_WS_IMAGES . $pi['image']); } $pi_entry .= '" target="_blank" rel="fancybox">' . tep_image(DIR_WS_IMAGES . $pi['image']) . '</a>'; if (tep_not_null($pi['htmlcontent'])) { $pi_entry .= '<div style="display: none;"><div id="piGalimg_' . $pi_counter . '">' . $pi['htmlcontent'] . '</div></div>'; } $pi_entry .= '</li>'; echo $pi_entry; } ?> </ul> </div> <script type="text/javascript"> $('#piGal ul').bxGallery({ maxwidth: 558, maxheight: 372, thumbwidth: <?php echo (($pi_counter > 1) ? '76' : '0'); ?>, thumbcontainer: 558, load_image: 'ext/jquery/bxGallery/spinner.gif' }); </script> Any help or guildlines will be much appreciated. Thank You.
×