Test Index · Photo Borders · Table of sliced images - Rounded corners · Sliced images and manually linked · Overlap Images · Create a Watermark · Gif Png Transparency · Buttons-Image Links · Image Names · Image Theft · Lake Applet · Other applets · Slideshow1 · Slideshow2 · Slideshow3 · Galleries · DD Thumbnail Viewer · image map · xara thumbnail · Random Image · LOGO BRANDING · Animated Image · photo with sound

Xara thumbnail

The script is produced by XARA to fit your specific images, but taken exactly as is, the script will not work. This is a modified script to work in CSB and Trellix shown below.

Just add ^GEMDIR/ before each image notation in the script as seen below.

Place YOUR script into an Insert > HTML (webgem in Trellix). Include the image in the webcomponent.

NOTE: This script is not intended for you to copy and change. It is only a demonstration of how the XARA thumbnail code can be inserted into a tlx file.

IF YOU WANT TO USE A THUMBNAIL TO LINK TO A POPUP WINDOW,

check out KW'S site for several options including demos.

<a href="^GEMDIR/KP_101.jpg" onclick="javascript:i='^GEMDIR/KP_101.jpg';w=1280;h=1024;m='KP_101';s=0;if(w>screen.availWidth-50){w=screen.availWidth-50;s=1;};if(h>screen.availHeight-50){h=screen.availHeight-50;s=1;};o='toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=1,scrollbars='+s+',width='+w+',height='+h;if(s){o+=',top=10,left=10'};wd=window.open('','',o);wd.document.write('<html><head><title>KP_101</title></head><body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0><img src=\''+i+'\' alt=\''+m+'\'/></body></html>');wd.document.close();wd.focus();return false;"><img src="^GEMDIR/KP_101_thumb.jpg" editor="Webstyle3" moduleid="Thumbnail" border="0" width="180" height="144" alt="Click to enlarge" hspace="0" vspace="0"/></a>