PDA

View Full Version : Oscommerce Thumbnail Viewer II



miropr
08-09-2011, 07:04 PM
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
08-10-2011, 04:00 AM
Try putting this in the head of the page:


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

miropr
08-10-2011, 11:29 AM
did not work still appears large image

jscheuer1
08-10-2011, 02:43 PM
Please post a link to a page on your site that contains the problematic code so we can check it out.

miropr
08-12-2011, 11:54 AM
Jonh oscommerce this page

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

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

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

jscheuer1
08-12-2011, 12:52 PM
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
08-17-2011, 11:58 AM
John

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

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

help me

jscheuer1
08-17-2011, 01:34 PM
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.