User:Codehydro/Auto CSS image crop: Difference between revisions

Revision as of 00:42, 17 December 2014

Latest revision as of 19:23, 19 December 2014

(One intermediate revision by the same user not shown)

Line 8:

<code>importScript('User:Codehydro/Auto CSS image crop/script.js');</code>

In addition to activating this page, new button "Open Auto CSS image crop" will be available on the far right of the editing toolbar to provide quick access to this tool on other pages. If you do not want this button, simply add <code>DisableAutoCropEverywhere = true;</code> before the the importScript line. The tool will still automatically load on this page.

Alternatively, you may simply copy the above line (or the contents of [[User:Codehydro/Auto CSS image crop/script.js|script.js]]) and execute it either in your URL bar, in the JavaScript console, or via a [[bookmarklet]] (just Google it).

Alternatively, you may simply copy the above line (or the contents of [[User:Codehydro/Auto CSS image crop/script.js|script.js]] and [[User:Codehydro/Auto CSS image crop/functions.js|functions.js]]) and execute it either in your URL bar, in the JavaScript console, or via a [[bookmarklet]] (just Google it).

== Usage==

Line 39 ⟶ 41:

* Click opposite corners of the area you wish to frame and a guide lines will appear. Finalize crop using the "Crop to clicked" button.

* Undo clicks by holding "shift" and click on the image.

* Set cWidth or cHeight field to ">###" and your current crop will be scaled to such that cWidth or cHeight will be "####". Alternatively, you can set the field value to "1>3" or "2>1" and all fields will multiplied by a factor of 3 or divided by 2, respectively.

* Type "max" anywhere in the bSize field and the native width of the image file (max bSize allowed) will be automatically loaded upon clicking out of the field.