<!--- Read in large mud monster. --->
<cfimage
	action="read"
	source="./mud_monster_large.jpg"
	name="objLargeImage"
	/>
 
 
<!---
	Loop over the original mud monster image 10 times
	for each level of percentage reduction. Notice that
	each resizing actually acts on the original image,
	not the previously resized image.
--->
<cfloop
	index="intScale"
	from="100"
	to="10"
	step="-10">
 
	<!--- Resize the image to the current scale. --->
	<cfimage
		action="resize"
		source="#objLargeImage#"
		width="#intScale#%"
		height="#intScale#%"
		name="objImage"
		/>
 
	<!---
		Here, I am addint the image info before writing it
		to the browser. I am doing this because I am going
		to crop the image and I want you to see the true
		dimensions at the time of resacling.
	--->
	<cfset objImage = AddImageInfo( objImage ) />
 
 
	<!---
		Crop the image. I am only doing this so it
		will display nicely on the page.
	--->
	<cfset ImageCrop(
		objImage,
		0,
		0,
		Min( objImage.GetWidth(), 545 ),
		Min( objImage.GetHeight(), 408 )
		) />
 
	<!--- Write the image to the browser. --->
	<cfimage
		action="writetobrowser"
		source="#objImage#"
		format="jpg"
		/>
 
	<br />
 
</cfloop>