588:
620:
573:
21:
445:
605:
294:
278:
52:
202:'right', 'left', 'center' or 'none'. Determines placement of the image on the page Defaults to 'right' when description is provided (as is default for thumb images) When description is blank, location on left (as is default for non-thumbs)
103:
creates a crop of an image inline for previewing the look and feel of a page, or for linking to full images when a slight crop is preferred in an article, but the full image is more encyclopaedic in general. Where only a small section of the image is used after the crop, it's best to upload the crop
107:
Note: There was a previous glitch for which some people had to use "tleft" "tright" etc. as a workaround because "left" and "right" did not work. As a result, to avoid having to fix all those pages that used the workaround, the template has been designed to function properly regardless of whether
1096:
1124:
1081:
989:
1069:
36:
1108:
1065:
32:
222:
Name of an article to be linked by clicking on the image (omit unless there is a good reason to link to an article instead of the image).
1040:
40:
1025:
1051:
1091:
453:
68:
1033:
1076:
64:
1002:
87:
76:
1104:
1059:
587:
28:
619:
1017:
72:
572:
556:
252:
The image to be linked by the magnify icon (Use if the Image parameter is set to
1055:
604:
444:
293:
277:
417:
In addition, the cropped image can have a caption-text and be positioned on the page:
1118:
59:
15:
1005:
can be used to generate code to use this template with an interactive UI.
336:: Offset and Crop are calculated as if the original file had the width
242:
The page of the file, if there are multiple pages (such as pdf files).
1043:), an example of how CSS Image Crop can combine with Annotated Image.
276:
63:
and changes may be widely noticed. Test changes in the template's
262:
or the Link parameter leads to something other than the image).
104:
as a new file, to avoid sending the extra image data to users.
192:
Offset Left in pixels, optional and defaults to 0 when omitted
182:
Offset Top in pixels, optional and defaults to 0 when omitted
152:
The Base Image width in pixels (the image we are cropping on)
46:
992: (6) - Uses of this template with invalid parameters
90:, which simplifies the interface for this template a bit.
108:
tright or right is used. See template talk for details.
1085:
212:
Description (will render out using thumbnail class)
773:Dew on Lemon Grass - Shola Gardens - Kotagiri.jpg
316:define the upper left corner of the cropped image
990:Category:CSS image crop using invalid parameters
920:Dew and grass - Flickr - Stiller Beobachter.jpg
274:Create a cropped image of a single water drop:
555:Groups of cropped images can be arranged in an
8:
548:A drop of dew on grass (focus on the drop)
456:A drop of dew on grass (focus on the drop)
1075:Editors can experiment in this template's
132:The Name of the image file, or may accept
1041:Multidrug resistance-associated protein 2
1125:Image formatting and function templates
704:Aaron_Burden_2017-05-03_(Unsplash).jpg
75:. Consider discussing changes on the
7:
330:define the size of the cropped image
1026:with empty "annotations" parameter
14:
618:
603:
586:
571:
443:
292:
50:
19:
60:approximately 5,600 pages
1:
851:Dew on grass Luc Viatour.jpg
478:Dew on grass Luc Viatour.jpg
360:Dew on grass Luc Viatour.jpg
1003:User:BrandonXLF/CSSImageCrop
434:to add a text to the caption
232:The alt text for the image.
172:Crop image Height in pixels
88:Template:Easy CSS image crop
1060:Template:CSS image crop/doc
162:Crop Image Width in pixels
1141:
1049:
1109:Subpages of this template
673:Cropped images in a frame
631:Cropped images in a frame
426:center, right, left, none
79:before implementing them.
71:subpages, or in your own
58:This template is used on
636:
461:
343:
115:
1034:IrinotecanPathway WP229
1103:Add categories to the
285:
24:Template documentation
280:
1039:(as used in article
984:Tracking categories
286:
281:Thumbnail of the
83:
82:
1132:
1100:
1089:
1073:
1038:
1032:
1022:
1016:
1001:The user script
979:
976:
973:
969:
966:
963:
959:
956:
953:
949:
946:
943:
939:
936:
933:
929:
926:
923:
919:
916:
913:
910:
907:
904:
900:
897:
894:
890:
887:
884:
880:
877:
874:
870:
867:
864:
860:
857:
854:
850:
847:
844:
841:
838:
835:
832:
829:
826:
822:
819:
816:
812:
809:
806:
802:
799:
796:
792:
789:
786:
782:
779:
776:
772:
769:
766:
763:
760:
757:
753:
750:
747:
743:
740:
737:
733:
730:
727:
723:
720:
717:
713:
710:
707:
703:
700:
697:
694:
691:
688:
685:
682:
679:
676:
672:
669:
666:
662:
659:
656:
652:
649:
646:
643:
640:
622:
607:
590:
575:
551:
547:
544:
541:
537:
534:
531:
527:
524:
521:
517:
514:
511:
507:
504:
501:
497:
494:
491:
487:
484:
481:
477:
474:
471:
468:
465:
447:
433:
423:
413:
409:
406:
403:
399:
396:
393:
389:
386:
383:
379:
376:
373:
369:
366:
363:
359:
356:
353:
350:
347:
339:
329:
325:
315:
311:
296:
265:
261:
258:
255:
251:
248:
245:
241:
238:
235:
231:
228:
225:
221:
218:
215:
211:
208:
205:
201:
198:
195:
191:
188:
185:
181:
178:
175:
171:
168:
165:
161:
158:
155:
151:
148:
145:
141:
138:
135:
131:
128:
125:
122:
119:
102:
96:
54:
53:
47:
44:
25:
23:
22:
1140:
1139:
1135:
1134:
1133:
1131:
1130:
1129:
1115:
1114:
1113:
1112:
1102:
1094:
1079:
1074:
1063:
1048:
1036:
1030:
1020:
1018:Annotated image
1014:
1011:
999:
986:
981:
980:
977:
974:
971:
967:
964:
961:
957:
954:
951:
947:
944:
941:
937:
934:
931:
927:
924:
921:
917:
914:
911:
908:
905:
902:
898:
895:
892:
888:
885:
882:
878:
875:
872:
868:
865:
862:
858:
855:
852:
848:
845:
842:
839:
836:
833:
830:
827:
824:
820:
817:
814:
810:
807:
804:
800:
797:
794:
790:
787:
784:
780:
777:
774:
770:
767:
764:
761:
758:
755:
751:
748:
745:
741:
738:
735:
731:
728:
725:
721:
718:
715:
711:
708:
705:
701:
698:
695:
692:
689:
686:
683:
680:
677:
674:
670:
667:
664:
660:
657:
654:
650:
647:
644:
641:
638:
635:
634:
633:
632:
629:
628:
627:
626:
625:
624:
623:
612:
611:
610:
609:
608:
596:
595:
594:
593:
592:
591:
580:
579:
578:
577:
576:
553:
552:
549:
545:
542:
539:
535:
532:
529:
525:
522:
519:
515:
512:
509:
505:
502:
499:
495:
492:
489:
485:
482:
479:
475:
472:
469:
466:
463:
460:
459:
458:
457:
455:
450:
449:
448:
431:
421:
415:
414:
411:
407:
404:
401:
397:
394:
391:
387:
384:
381:
377:
374:
371:
367:
364:
361:
357:
354:
351:
348:
345:
342:
337:
327:
323:
313:
309:
301:
300:
299:
298:
297:
272:
267:
266:
263:
259:
257:Annotated image
256:
253:
249:
246:
243:
239:
236:
233:
229:
226:
223:
219:
216:
213:
209:
206:
203:
199:
196:
193:
189:
186:
183:
179:
176:
173:
169:
166:
163:
159:
156:
153:
149:
146:
143:
139:
137:Annotated image
136:
133:
129:
126:
123:
120:
117:
114:
100:
94:
51:
45:
26:
20:
18:
12:
11:
5:
1138:
1136:
1128:
1127:
1117:
1116:
1047:
1046:
1045:
1044:
1028:
1010:
1007:
998:
995:
994:
993:
985:
982:
909:CSS image crop
840:CSS image crop
762:CSS image crop
693:CSS image crop
637:
630:
617:
616:
615:
614:
613:
602:
601:
600:
599:
598:
597:
585:
584:
583:
582:
581:
570:
569:
568:
567:
566:
565:
564:
563:
562:
561:
467:CSS image crop
462:
452:
451:
442:
441:
440:
439:
438:
437:
436:
435:
429:
349:CSS image crop
344:
341:
340:
331:
317:
302:
291:
290:
289:
288:
287:
271:
268:
247:magnify-link
237:Page
227:Alt
217:Link
207:Description
197:Location
187:oLeft
177:oTop
167:cHeight
157:cWidth
147:bSize
127:Image
121:CSS image crop
116:
113:
110:
98:CSS image crop
81:
80:
55:
17:
16:
13:
10:
9:
6:
4:
3:
2:
1137:
1126:
1123:
1122:
1120:
1110:
1106:
1098:
1093:
1087:
1083:
1078:
1071:
1067:
1061:
1057:
1053:
1052:documentation
1042:
1035:
1029:
1027:
1024:
1023:
1019:
1013:
1012:
1008:
1006:
1004:
996:
991:
988:
987:
983:
621:
606:
589:
574:
560:
558:
454:
446:
430:
427:
424:to position (
420:
419:
418:
335:
332:
321:
318:
307:
304:
303:
295:
284:
283:original file
279:
275:
269:
111:
109:
105:
99:
92:
91:
89:
78:
74:
70:
66:
62:
61:
56:
49:
48:
42:
38:
34:
30:
1037:}}
1031:{{
1021:}}
1015:{{
1000:
554:
543:Description
432:Description=
425:
416:
333:
319:
305:
282:
273:
106:
101:}}
97:
95:{{
93:
85:
84:
73:user subpage
57:
1056:transcluded
642:Image frame
557:image frame
39:] [
35:] [
31:] [
1050:The above
69:/testcases
1107:subpage.
1092:testcases
533:Location
422:Location=
334:Base Size
86:See also
77:talk page
1119:Category
1009:See also
945:cHeight
876:cHeight
798:cHeight
729:cHeight
503:cHeight
385:cHeight
270:Examples
65:/sandbox
1084:|
1077:sandbox
1070:history
1068:|
997:Scripts
935:cWidth
866:cWidth
788:cWidth
719:cWidth
678:content
668:caption
538:center
493:cWidth
375:cWidth
328:cHeight
37:history
1101:pages.
965:oLeft
925:bSize
915:Image
896:oLeft
856:bSize
846:Image
818:oLeft
778:bSize
768:Image
749:oLeft
709:bSize
699:Image
658:border
653:center
523:oLeft
483:bSize
473:Image
405:oLeft
365:bSize
355:Image
324:cWidth
306:Offset
1058:from
955:oTop
886:oTop
834:stack
808:oTop
739:oTop
687:stack
648:align
513:oTop
395:oTop
338:bSize
314:oLeft
112:Usage
43:]
41:purge
27:[
1105:/doc
1097:edit
1090:and
1086:diff
1082:edit
1066:edit
960:180
950:100
940:100
930:400
891:180
881:100
871:100
861:400
813:180
803:100
793:100
783:400
744:180
734:100
724:100
714:400
518:180
508:100
498:100
488:400
400:180
390:100
380:100
370:400
326:and
320:Crop
312:and
310:oTop
33:edit
29:view
1054:is
970:60
906:|{{
901:60
837:|{{
823:60
759:|{{
754:60
690:|{{
528:60
410:60
67:or
1121::
1062:.
978:}}
975:}}
972:}}
903:}}
831:{{
828:}}
825:}}
756:}}
684:{{
663:no
639:{{
559::
550:}}
464:{{
412:}}
346:{{
322::
308::
264:}}
260:}}
254:{{
142:.
140:}}
134:{{
118:{{
1111:.
1099:)
1095:(
1088:)
1080:(
1072:)
1064:(
968:=
962:|
958:=
952:|
948:=
942:|
938:=
932:|
928:=
922:|
918:=
912:|
899:=
893:|
889:=
883:|
879:=
873:|
869:=
863:|
859:=
853:|
849:=
843:|
821:=
815:|
811:=
805:|
801:=
795:|
791:=
785:|
781:=
775:|
771:=
765:|
752:=
746:|
742:=
736:|
732:=
726:|
722:=
716:|
712:=
706:|
702:=
696:|
681:=
675:|
671:=
665:|
661:=
655:|
651:=
645:|
546:=
540:|
536:=
530:|
526:=
520:|
516:=
510:|
506:=
500:|
496:=
490:|
486:=
480:|
476:=
470:|
428:)
408:=
402:|
398:=
392:|
388:=
382:|
378:=
372:|
368:=
362:|
358:=
352:|
250:=
244:|
240:=
234:|
230:=
224:|
220:=
214:|
210:=
204:|
200:=
194:|
190:=
184:|
180:=
174:|
170:=
164:|
160:=
154:|
150:=
144:|
130:=
124:|
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.
