Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Customising the CMS

Image Crop in Template


Reply

3 Posts   3750 Views

Avatar
BuddhaSource

21 April 2011 at 12:48am Community Member, 57 Posts

I love the $Image.SetSize(80,80) functions in template. I needed more options in template :).

1. How do I crop image from template. eg $Image.Crop(80,80)

2. As a work around I also tried using background image but I cannot not resize the image for background

<div style="background-image('$Image.URL'); height: 80px;">

Avatar
swaiba

21 April 2011 at 2:23am Forum Moderator, 1796 Posts

How about this...
http://www.ssbits.com/snippets/2009/resizing-an-image-in-a-custom-img-tag/

Avatar
BuddhaSource

21 April 2011 at 2:40am Community Member, 57 Posts

Thanks swaiba

Worked like a charm :)

<% control Image %>
   <img src="$CroppedImage(200,200).URL" alt="$Title" />
<% end_control %>

I got this code before but did not specify right controller. In my case its <%control Photo %> :)