Oscommerce Thumbnail Viewer II

[miropr]

1) Script Title: Oscommerce Thumbnail Viewer II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...thumbnail2.htm

3) Describe problem:

I put in oscommerce rc2, the image is appearing more great is to leave the 400px resolution:
I put so it does not work <div id="loadarea" style="width: 400px" align="left"></div>

product_info.php

<table border="0" cellspacing="0" cellpadding="2" align="center">
                          <tr> 
                            <td align="center" id="loadarea" class="smallText"> 
                              <?php
 if ($product_info['products_image_med']!='') {
  $new_image = $product_info['products_image_med'];
  $image_width = MEDIUM_IMAGE_WIDTH;
  $image_height = MEDIUM_IMAGE_HEIGHT;
 } else {
  $new_image = $product_info['products_image'];
  $image_width = SMALL_IMAGE_WIDTH;
  $image_height = SMALL_IMAGE_HEIGHT;
 }
?>
                              <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']).'"rel="opacity:70; opacity-reverse:true; zoom-fade:true; zoom-fade-in-speed:800; zoom-fade-out-speed:400; zoom-width:420px; zoom-height: 420px; zoom-position:center; thumb-change:mouseover; drag-mode:false; always-show-zoom:false "class="MagicZoom">' .tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], 420, 420, 'hspace="0" vspace="0"') . '</a>'; ?><br> 
                              <?php echo tep_image(DIR_WS_IMAGES . 'detalhes.gif', HEADER_DETALHES); ?></td>
                          </tr>
                        </table>

additional_images.php

<?php echo '<a class="magicborder" href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_sm_1'])  . '"rel="enlargeimage::click" rev="loadarea"">' . 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"') . '</a>'; ?>

[jscheuer1]

Try putting this in the head of the page:

<style type="text/css">
#loadarea img {
 max-width: 400px;
}
</style>

[miropr]

did not work still appears large image

[jscheuer1]

Please post a link to a page on your site that contains the problematic code so we can check it out.

[miropr]

Jonh oscommerce this page

http://www.mrmultimidia.com.br/china...huva-p-18.html

files:
additional_images.php
http://www.megaupload.com/?d=BBHTTM8E

product_info.php
http://www.megaupload.com/?d=NGE7NCJW

[jscheuer1]

You still haven't done what I suggested. Put it on the guarda-chuva-p-18.html file. In the head. Or put its rule in one of the stylesheets already associated with the page.

[miropr]

John

put in the page product_info.php
is opening the big picture

http://www.mrmultimidia.com.br/china...odelo-p-2.html

help me

[jscheuer1]

Yes, but now it's the right size. Was there something else? If you want it to open a smaller picture, get rid of what we just added, and change the hrefs of the links, example:

<a class="magicborder" href="http://www.mrmultimidia.com.br/china/images/guarda-chuva-1.jpg?osCsid=5b8db897a82b3a760ba4483b33b7bc3a"rel="enlargeimage::click" rev="loadarea"">

to point to a smaller image.

However, I see you're using Magic Zoom Plus v2.0.15. It can do all of what you're now doing with the Thumbnailvier script and allow the new images to be zoomed in on. I'd suggest getting rid of Thumbnailviewer and using just Magic Zoom Plus.