Archive for August, 2011
Determine IMG Scale Ratio
by webmasterjunkie on Aug.27, 2011, under Coldfusion, Internet, Programming, Web
Well, recently I had to vertically center an image in a square DIV. This had to be done with the image being scaled to a specific width, 90px. I know there are probably hundreds of ways to do this, but this is the one that I used to determine how much top margin to set on the image in order to center it vertically.
<cfobject type="JAVA" action="Create" name="tk" class="java.awt.Toolkit"></cfobject> <cfobject type="JAVA" action="Create" name="img" class="java.awt.Image"></cfobject> <!--- requires knowing the desired width of the image/div ---> <cfset imgDims = 90 /> <cfscript> imagePath = ExpandPath ("/uploads/Image/sponsors/#sm_image#"); img = tk.getDefaultToolkit().getImage("#imagePath#"); imgWidth = img.getWidth(); imgHeight = img.getHeight(); percentage = (imgDims / imgWidth) * 100; newHeight = round((imgHeight * percentage) / 100); margin = (imgDims - newHeight) / 2; </cfscript>
Hi! Welcome to Griffith Designs!
Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the RSS feed. See ya around!
My DeviantArt- In the Corner December 9, 2011Absolutely captivating shot of Melissa. […]
- Natural Beauty December 9, 2011Only blemish removal was used in this shot. I applied b&w filter post shot. […]
- Melissa on the Wall December 9, 2011A little bit of facial retouching here, but she is beautiful without. […]
- In the Corner December 9, 2011
Connect
Enter your WordPress.com blog URL
http://.wordpress.com
Proceed