Tips and Tricks Page

Home
Documentation
Practice Modules
Tips and Tricks
FP 2000 Links

Back

Creating a Thumb Nail Image

Thumbnail images are smaller renditions of a larger image. It's advantageous to use thumbnails because they load quicker and will allow the viewer to is see the complete image by clicking on them. Follow the steps below to create an Auto thumbnail image:

Insert your image into your document window.
Click on the image to make it active. The image's handles should appear.

The Picture toolbar should also appear at the bottom of the window.

Click the Auto Thumbnail button on Picture toolbar.

The image is reduced in size and linked to the original larger image.

The Page Options... box under the Tools menu also contains some controls for the thumbnail. You can change the dimensions, border thickness, and apply beveled edges.

TOP

Creating a Scrolling Message in Your Browser's Status Bar

Click on the HTML tab in the lower-left corner of your window.
Insert the following script in the <head> section:

	<script Language="JavaScript"> 
		// Scrolling text string.
		var strText="This is a scrolling message!"; 
		// Length of the text 
		var intText=strText.length; 
		// Speed of the scroll 
		var intSpeed=25; 
		// Width of the scrolling area. 
		var intWidth=100; 
		var intPos=1-intWidth; 
	       function scroll() 
	     { 
		// Initialize the string to be printed. 
		intPos++; 
		var strScroll=""; 
		// Move to the right in the string. 
		if (intPos==intText) 
		{ 
		  // Start over if the string is done. 
		  intPos=1-intWidth; 
		} 
		// Scrolling 
		if (intPos<0) 
		{ 
		// Add spaces to beginning if necessary. 
			for (var i=1; i<=Math.abs(intPos); i++) 
		   { 
		     strScroll=strScroll+" "; 
		   } 
		   strScroll=strScroll+strText.substring(0, intWidth-i+1); 
		   } 
		   else 
		   { 
		   strScroll=strScroll+strText.substring(intPos,intWidth+intPos); 
	     	   } 
	    	   window.status = strScroll; 
	    	   setTimeout("scroll()", intSpeed); 
 	      } 
	</script>

Modify the <body> tag so that it resembles:

	<Body onload="scroll()">

TOP