View Single Post
  #222  
Old 07-22-2008, 06:36 AM
 
mike@eternitywebdev.com mike@eternitywebdev.com is offline
 

Member
  
Join Date: Mar 2007
Posts: 12
 

Default Re: Lightbox JS v2.0 implementation

Quote:
Originally Posted by OpheliaPayne

3. Instead of text links for the detailed images, I want 150x150 images below the product page that you can click on and see the full version in the popup window.


To do this, use this code in your thickbox_productpage.tpl:
{if $images ne ""}
<div style="white-space:nowrap;color:#D90000;font-weight:bold;padding:2px;margin:10px 0 4px;">{$lng.lbl_detailed_images} &not;</div>
<table width="250"><tr>
{section name=image loop=$images}
<td>
{if $images[image].avail eq "Y"}
{if $images[image].tmbn_url}
<div style="white-space: nowrap;padding:0 0 1px 3px;"><a href="{$images[image].tmbn_url}" title=" {$images[image].alt|escape}" class="thickbox" rel="lightbox_detailed"><img src="{$images[image].tmbn_url}" width="150" style="border:0;" alt="{$lng.lbl_click_to_enlarge|escape}" /> {$images[image].alt|escape}{if $images[image].alt|escape eq ""} {$lng.lbl_image} {math equation="value+1" value=$smarty.section.image.index}{/if}</a></div>
{else}
<div style="white-space: nowrap;padding:0 0 1px 3px;"><a href="{$xcart_web_dir}/image.php?id={$images[image].imageid}&amp;type=D" title=" {$images[image].alt|escape}" class="thickbox" rel="lightbox_detailed"><img src="{$SkinDir}/thickbox/files/zoom.gif" style="border:0;" alt="{$lng.lbl_click_to_enlarge|escape}" /> {$images[image].alt|escape}{if $images[image].alt|escape eq ""} {$lng.lbl_image} {math equation="value+1" value=$smarty.section.image.index}{/if}</a></div>
{/if}
{/if}
</td>
{/section}</tr>
</table>
<script type="text/javascript" src="{$SkinDir}/thickbox/files/jquery-compressed.js"></script>
<script type="text/javascript" src="{$SkinDir}/thickbox/files/thickbox.js"></script>
<style type="text/css" media="all">@import "{$SkinDir}/thickbox/files/thickbox.css";</style>
{/if}

End Quote.

When I use this code I do get thumbnails rather than text links for my detailed images. Unfortunately I seem to lose the gif loading image and when you go from image to image it's a little jumpy without the loader.

Does anyone have a solid fix for adding thumbnails for the detailed images rather than links? I've searched this thread extensively and this was the best fix I found but it still has some issues. Let me know, thanks!

__________________
Mike
V.4.1.11
V 4.2.2
Reply With Quote