Details
The Image Cropper Plugin provides a simple user interface for managing and generating custom thumbnails from your image assets.
The plugin was specifically designed to addressed the case where publishers want the ability to produce different thumbnails designed specifically for certain different locations on a web site. Furthermore, for each of these locations it is not sufficient simply to scale the asset in question; rather the publisher would rather crop the asset in a custom manner for each thumbnail generated.
Finally, in order to properly annotate thumbnails to credit the photographer and preserve any required copyright notices, this plugin allows you place some text on the image accordingly.
This utility facilitates that process.
Features
Define a set of "prototypes" which in essence are a prescribed set of allowable thumbnail sizes.
Manage all related thumbnails from a single dashboard.
Create alternate thumbnails using a simple drag-and-drop cropping interface -- without ever leaving Movable Type.
Annotate thumbnails with a custom message.
Place annotations using the orientation and location you specify on the generated thumbnail.
Hooks for designers to define thumbnail prototypes for their themes and template sets so that their users don't have to.
Installation
To install this plugin follow the instructions found here:
http://tinyurl.com/easy-plugin-install
Usage
Managing "Prototypes"
To manage the list of allowable cropped thumbnails for your web site, select "Thumbnail Prototypes" from the Preferences menu from within Movable Type.
Then simply add and edit thumbnail prototypes by defining the following properties for each:
- Max Width
- Max Height
- Label (used later for selecting and placing cropped images on your web site)
Managing Thumbnails
Once you have defined a list of prototypes you can begin creating thumbnails. To do that, navigate to the Edit Asset screen associated with the asset in question. In the sidebar you will see a link called "Generate Thumbnails." Clicking that link will take you to the cropping dashboard.
Adding Cropped Images to your Website
Once you have created a cropped thumbnail, you can display it on your web site using the following template code:
<mt:Asset id="136">
<mt:CroppedAsset label="Square">
<img src="<mt:AssetURL>" />
</mt:CroppedAsset>
</mt:Asset>
It is quite possible however that you need to display the cropped version of an
asset only if it is available and fall back to a simple scaled version of the
thumbnail if a cropped version cannot be found. The following template code
shows how you can use <mt:else>
to do just that:
<mt:Asset id="136">
<mt:CroppedAsset label="Square">
<img src="<mt:AssetURL>" width="100" height="100" />
<mt:Else>
<img src="<mt:AssetThumbnailURL square="1" width="100">" />
</mt:CroppedAsset>
</mt:Asset>
Config Directives
DefaultCroppedImageText
- Determines the default text to be used when annotating images.
Template Tags
<mt:DefaultCroppedImageText>
- Returns the default cropped image text as specified by the DefaultCroppedImageText config parameter.<mt:CroppedAsset>
- Places the desired cropped image asset into context. This tag must be called with an existing asset (the parent asset) already in context. See example above. Allowable arguments:label
- The label to filter by.
Designer Guide
The Image Cropper plugin exposes a simple set of hooks that can be embedded in
a theme's config.yaml
file so that designers can specify the exact dimensions
of their fixed image prototypes. When prototypes are defined in this way, they
will appear automatically on the Preferences > Thumbnail Prototypes screen
for blogs using the corresponding theme.
To define thumbnail prototypes via config.yaml
, consult this super
simple example:
generic_blog_theme:
label: 'Generic Blog Theme'
thumbnail_prototypes:
feature_thumb:
label: 'Featured Thumbnail'
max_width: 100
max_height: 90
feature_lrg:
label: 'Homepage Feature'
max_width: 350
max_height: 300
templates:
index:
etc...
As you can see you can define one or more prototypes easily for a theme. Designers can specify the label for the prototype as well as its dimensions.
Help, Bugs and Feature Requests
If you are having problems installing or using the plugin, please check out our general knowledge base and help ticket system at help.endevver.com.
If you know that you've encountered a bug in the plugin or you have a request for a feature you'd like to see, you can file a ticket in Github Issues.
Copyright
This plugin was created from the kind support of Talking Points Memo (http://www.talkingpointsmemo.com/), who supports and appreciates open source. We <3 TPM.
Copyright 2009, Endevver, LLC. All rights reserved.
About Endevver
We design and develop web sites, products and services with a focus on simplicity, sound design, ease of use and community. We specialize in Movable Type and offer numerous services and packages to help customers make the most of this powerful publishing platform.
http://www.endevver.com/
Compatibility
Movable Type versions: 4.35.15.2
License
GPL
thelasian on August 30, 2009, 2:43 p.m. Reply
I get this in the plugin settings: Error in configuration template: Publish error in template ”: Unknown tag found: PluginConfigForm
Also not sure about installation: Where does the META.yml and the README.mardown file go?
Anna Rose Barker on May 27, 2017, 6:47 p.m. Reply
I use this plugin a lot since I post a lot of images on Tough Gal and I also got this error: “Error in configuration template: Publish error in template ”: Unknown tag found: PluginConfigForm”. What I noticed is that I was running version 5.1 which must no longer work with the plug-in. What I ended up doing was upgrading to 5.2 and it worked without a problem again.
thelasian on August 30, 2009, 2:55 p.m. Reply
Also, about installation: My MT-STATIC folder is outside of my CGI folder. I understand that the content of the MT-STATIC file from the plugin is to be copied into the MT-STATIC folder on my server. But that’s confusing me a bit.
THe content of the MT-Static folder of the plug in consists of the following file structure:
MT-STATIC - Plugins — Imagecropper —- CSS —— i —- JS
Do I simply drag and drop the whole “plugins” file from the plugin into my MT-STATIC folder?
360Fashion on September 19, 2009, 8:03 a.m. Reply
hi you do not say what version of mt it will work for. will it work for 4.21?
jdbeast00 on October 1, 2009, 11:22 p.m. Reply
i can’t get the tag mt:CroppedAsset to work. I use it as described in the documentation. The cropping part works fine.
mt:Asset id=”2” mt:CroppedAsset label=”Small” img src=”$mt:AssetURL$” / /mt:CroppedAsset /mt:Asset
Asset id 2 works, but the cropped asset displays nothing even though that cropped asset does exist!
Mihai Bocsaru on November 7, 2009, 8:17 a.m. Reply
The plugin works like a charm! Thanks for this gem, Byrne!
I could confirm that the plugins works very well with movable type v4.26 to v4.32 (latest version at the moment), but I guess it would work also with v4.21 (trying to answer thelasion question above).
Neezer on January 12, 2010, 8:58 a.m. Reply
Has anyone tried this with MT5? I get a javascript error when I try and create a prototype:
Error: uncaught exception: [Exception… “Security error” code: “1000” nsresult: “0x805303e8 (NSERRORDOMSECURITYERR)” location: “http://[xxremovedxx.xxx]/cgi-bin/mt/mt.cgi?_mode=listprototypes&blog_id=7 Line: 1”]
Could be a permissions thing on the server?
rover on March 10, 2010, 11:23 p.m. Reply
This plugin would make my life so much easier, but I too am having trouble getting it to work with MT5.
I can’t get past the “Create Thumbnail Prototype” on the Thumbnail Prototype page. Looks like javascript references are wonky as it’s pointing to void(0).
Can’t wait to get this working so it can be the icing on the cake of MT5.
Cheers, D
wnv on July 17, 2010, 8:29 p.m. Reply
Having the same problems as rover… I get to the “Create Thumbnail Prototype” page however, when I click on create nothing happens… I am getting the same javascript:void (0) error
Anyone have a clue?
twoandahalfmen on May 5, 2017, 10:18 a.m. Reply
You choose the language by selecting the flag of the country. garanttest.ru Switch between the English Standard Version (ESV) or a modern-English translation, to give excellent readability.
katherine martina on September 1, 2017, 4:44 a.m. Reply
I am searching for an approach to absolutely crop my photo by 140 x 155. I need to Coursework Help UK have the capacity to see the design first before the crop. The main issue with utilizing the online cropper is that it appears to pack my pictures and lower the determination all the while. I have Photoshop cs3 however can’t appear.
Bon-Hwa on October 19, 2017, 11:54 a.m. Reply
Very helpful for me. site
Wanda on January 10, 2018, 7:02 a.m. Reply
Do you have the same problem, just drag the entire “plug-in” file from the plug-in to the static folder 192.168.1.1
bigo download for pc on February 13, 2018, 9:06 a.m. Reply
Downloading software applications is another exhausting task at hand, that leaves people fretted out easily file hippo
johnb6174 on March 26, 2018, 5:58 a.m. Reply
I got what you mean , thanks for posting .Woh I am happy to find this website through google. www.berestapalace.com
johnb6174 on April 1, 2018, 9:04 a.m. Reply
Super-Duper site! I am Loving it!! Will come back again, Im taking your feed also, Thanks. The Industry of Business
christeena on April 9, 2018, 12:37 p.m. Reply
The Image Cropper Plugin is a simple user interface for managing and generating custom thumbnails.It will be helpful to manage the list of allowable cropped thumbnails for your website.Here all the features are clearly explained and easy to understand.Thanks for this informative article.pizza catering Los Angeles
john on June 9, 2018, 6:06 p.m. Reply
I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success in your business. Ukrayna Kiev Tıp Üniversitesi
john on June 12, 2018, 6:46 p.m. Reply
Great Information sharing .. I am very happy to read this article .. thanks for giving us go through info.Fantastic nice. I appreciate this post. Social Media Agentur
john on June 17, 2018, 10:34 p.m. Reply
Very interesting blog. Alot of blogs I see these days don’t really provide anything that I’m interested in, but I’m most definately interested in this one. Just thought that I would post and let you know. Divorce Your Ring
Pepe john on June 21, 2018, 12:52 p.m. Reply
Maintain up the beneficial operate mate. This website submit indicates how nicely you recognize and know this subject. broadband ptcl
john on June 22, 2018, 5:36 a.m. Reply
You know your projects stand out of the herd. There is something special about them. It seems to me all of them are really brilliant! hydroxycut customer reviews
johnb6174 on June 24, 2018, 9:59 a.m. Reply
Keep up the good work , I read few posts on this web site and I conceive that your blog is very interesting and has sets of fantastic information. Lebensversicherung Widerrufen
john on June 25, 2018, 1:13 p.m. Reply
Awesome article! I want people to know just how good this information is in your article. It’s interesting, compelling content. Your views are much like my own concerning this subject. www.stimulhosting.com
johnb6174 on June 26, 2018, 3:22 p.m. Reply
This is my first time i visit here and I found so many interesting stuff in your blog especially it’s discussion, thank you. facebook
john on June 28, 2018, 4:28 p.m. Reply
I can set up my new idea from this post. It gives in depth information. Thanks for this valuable information for all,.. blockchain game
john on July 2, 2018, 7:15 a.m. Reply
Thanks a lot for sharing us about this update. Hope you will not get tired on making posts as informative as this. Tea Tree Oil Products
johnb6174 on July 8, 2018, 8:41 p.m. Reply
You have a good point here!I totally agree with what you have said!!Thanks for sharing your views…hope more people will read this article!!! Tourst Tube
beanjohn on July 20, 2018, 8:25 a.m. Reply
I was originally Googling for information on how to plant in my garden. I’m not sure how but Baidu showed your blog. And I found it might be worth reading and so I decided to read it. I’m glad I did because I can safely say I came away with something to think about. :D formal shirts
Mawazna on August 1, 2018, 6:44 a.m. Reply
Do you have any question to be asked related to Personal Finance or Do you want to help others by answering their questions. Please feel free to submit any of your questions regarding personal loan, car financing, home loan, Auto insurance, health insurance, travel insurance, credit cards, bank accounts, debit cards, investments or broadband internet services across Pakistan. Lets be a part of community who cares about others. We are just one click away to provide you any guidance and answering your questions. Please join our Community Forum so that others can benefit from your knowledge that you share across and also let us help you by answering or guiding you through.
https://community.mawazna.com/
beanjohn on August 2, 2018, 9:47 a.m. Reply
It’s a good thing blog I would say the data I recently found usable. I have made note of it and will have a look at again later. Appreciate it. black jeans
Fatymaahmed on October 4, 2018, 2:04 p.m. Reply
This is a great post. I like this topic. . all this great information. Keep up the great work.. Womens Printed T Shirts
Ali on January 18, 2019, 11:03 a.m. Reply
Amazing post I really like it keep up the great work waiting for your next post. www.shameelkhan.com
hendry on February 1, 2019, 7:25 a.m. Reply
In this plugin, the directory mentioned about Image Cropper v1.1.2.This interface is cheap internet providers used for generating the custom. Its complete details installation and its usage are also mentioned here. The complete details are mentioned here clearly. Please refer it.
phunhongvungkin on February 18, 2019, 12:06 p.m. Reply
The article is very helpful for me. Thank you!
phunhongvungkin on February 18, 2019, 12:07 p.m. Reply
The article is very helpful for me. Thank you!