Content deleted Content added
←Replaced content with '<div id="autocrop" style="border:1px">[If installed, generator should replace this text]</div> == Installation == To implement this, add this to your Spe...' |
documentation |
||
Line 6:
<pre>importScript('User:Codehydro/Auto CSS image crop/script.js'); // [[User:Codehydro/Auto CSS image crop/script.js]]
</pre>
== Usage ==
Enter the file name (e.g. Dew on grass Luc Viatour.jpg) and a bSize value. Once both of these are entered press tab or click outside of the form and a preview of your image will automatically appear. Adjust cWidth/cHeight in the form to change how the image is cropped. Change oTop/oLeft or use the scroll bars to position your image. You may change the bSize and the script will resize the image while preserving the crop position. The source code will automatically be generated below the input.
=== Check ===
To make sure the generator works properly on your browser, try entering the following values into the form and see if it looks just like the image pictured below:
<pre>{{CSS image crop
|Image = Dew on grass Luc Viatour.jpg
|bSize = 400
|cWidth = 100
|cHeight = 100
|oTop = 180
|oLeft = 60
}}</pre>
{{CSS image crop
|Image = Dew on grass Luc Viatour.jpg
|bSize = 400
|cWidth = 100
|cHeight = 100
|oTop = 180
|oLeft = 60
}}
| |||