CINXE.COM

<!DOCTYPE html> <html class="client-nojs" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Help:Image-Annotator - Wikimedia Commons</title> <script>(function(){var className="client-js";var cookie=document.cookie.match(/(?:^|; )commonswikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"67f64798-aea8-4e2b-9e52-37909f66ac77","wgCanonicalNamespace":"Help","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":12,"wgPageName":"Help:Image-Annotator","wgTitle":"Image-Annotator","wgCurRevisionId":960838186,"wgRevisionId":960838186,"wgArticleId":19141444,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"], "wgCategories":["ImageAnnotator","Commons help"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Help:Image-Annotator","wgRelevantArticleId":19141444,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgRedirectedFrom":"Help:Gadget-ImageAnnotator","wgNoticeProject":"commons","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":false,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":40000,"wgInternalRedirectTargetUrl":"/wiki/Help:Image-Annotator","wgCentralAuthMobileDomain":false,"upwizPropertyTitles":{"P180":"Main subjects visible in this work"},"upwizPropertyPlaceholders":{"P180":"e.g., Angolan giraffe"}, "upwizPropertyCopyLabels":{"P180":"Main subjects"},"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"source","wgULSPosition":"personal","wgULSisCompactLinksEnabled":true,"wgVector2022LanguageInHeader":false,"wgULSisLanguageSelectorEmpty":false,"wbmiDefaultProperties":["P180"],"wbmiPropertyTitles":{"P180":"Items portrayed in this file"},"wbmiPropertyTypes":{"P180":"wikibase-item"},"wbmiRepoApiUrl":"/w/api.php","wbmiHelpUrls":{"P180":"https://commons.wikimedia.org/wiki/Special:MyLanguage/Commons:Depicts"},"wbmiExternalEntitySearchBaseUri":"https://www.wikidata.org/w/api.php","wbmiSupportedDataTypes":["wikibase-item","string","quantity","time","monolingualtext","external-id","globe-coordinate","url"], "wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"]};RLSTATE={"ext.gadget.Long-Image-Names-in-Categories":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.inputBox.styles":"ready","ext.pygments":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.styles.legacy":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","codex-search-styles":"ready","ext.uls.pt":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["mediawiki.action.view.redirect","ext.pygments.view","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.legacy.js","ext.centralNotice.geoIP","ext.centralNotice.startUp", "ext.gadget.Slideshow","ext.gadget.ZoomViewer","ext.gadget.CollapsibleTemplates","ext.gadget.fastcci","ext.gadget.Stockphoto","ext.gadget.WatchlistNotice","ext.gadget.AjaxQuickDelete","ext.gadget.WikiMiniAtlas","ext.gadget.LanguageSelect","ext.gadget.PictureOfTheYearEnhancements","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.wikimediaEvents.wikibase","ext.navigationTiming","ext.uls.compactlinks","ext.uls.interface","ext.checkUser.clientHints"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=codex-search-styles%7Cext.discussionTools.init.styles%7Cext.inputBox.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.pt%7Cext.visualEditor.desktopArticleTarget.noscript%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.styles.legacy%7Cwikibase.client.init&only=styles&skin=vector"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.gadget.Long-Image-Names-in-Categories&only=styles&skin=vector"> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Help:Image-Annotator - Wikimedia Commons"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//commons.m.wikimedia.org/wiki/Help:Image-Annotator"> <link rel="alternate" type="application/x-wiki" title="Edit" href="/w/index.php?title=Help:Image-Annotator&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/commons.png"> <link rel="icon" href="/static/favicon/commons.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikimedia Commons"> <link rel="EditURI" type="application/rsd+xml" href="//commons.wikimedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://commons.wikimedia.org/wiki/Help:Image-Annotator"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"> <link rel="alternate" type="application/atom+xml" title="Wikimedia Commons Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin-vector-legacy mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-12 ns-subject mw-editable page-Help_Image-Annotator rootpage-Help_Image-Annotator skin-vector action-view"><div id="mw-page-base" class="noprint"></div> <div id="mw-head-base" class="noprint"></div> <div id="content" class="mw-body" role="main"> <a id="top"></a> <div id="siteNotice"></div> <div class="mw-indicators"> </div> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Help</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Image-Annotator</span></h1> <div id="bodyContent" class="vector-body"> <div id="siteSub" class="noprint">From Wikimedia Commons, the free media repository</div> <div id="contentSub"><div id="mw-content-subtitle"><span class="mw-redirectedfrom">(Redirected from <a href="/w/index.php?title=Help:Gadget-ImageAnnotator&redirect=no" class="mw-redirect" title="Help:Gadget-ImageAnnotator">Help:Gadget-ImageAnnotator</a>)</span></div></div> <div id="contentSub2"></div> <div id="jump-to-nav"></div> <a class="mw-jump-link" href="#mw-head">Jump to navigation</a> <a class="mw-jump-link" href="#searchInput">Jump to search</a> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="toccolours noprint" style="clear:both; margin:0 0 1em; line-height:1;"><b style="color:#888; vertical-align:top; font-size:x-small;">This page in other languages:</b> <div style="line-height:1.3"><small dir="ltr"> <p><a href="/wiki/Help:Gadget-ImageAnnotator/de" class="mw-redirect" title="Help:Gadget-ImageAnnotator/de">Deutsch</a> | <a href="/wiki/Help:Gadget-ImageAnnotator" class="mw-redirect" title="Help:Gadget-ImageAnnotator">English</a> | <a href="/wiki/Help:Gadget-ImageAnnotator/es" class="mw-redirect" title="Help:Gadget-ImageAnnotator/es">español</a> | <a href="/wiki/Help:Gadget-ImageAnnotator/fr" class="mw-redirect" title="Help:Gadget-ImageAnnotator/fr">français</a> | <a href="https://hu.wikipedia.org/wiki/Wikip%C3%A9dia:K%C3%A9pjegyzet" class="extiw" title="hu:Wikipédia:Képjegyzet">magyar</a> </p> </small></div> </div> <div style="float:right; border:1px solid #8888aa; background:#fff8cc; padding:0.2em;"> <p>The Commons is running </p> <dl><dd><b>Version 2.3b</b></dd></dl> <p>of this gadget. </p> </div> <p><a href="/wiki/MediaWiki:Gadget-ImageAnnotator.js" title="MediaWiki:Gadget-ImageAnnotator.js">ImageAnnotator</a> is a gadget that allows users to place comments <i>onto</i> images shown on file description pages, similar to the "photo notes" on <a href="https://en.wikipedia.org/wiki/Flickr" class="extiw" title="wikipedia:Flickr">Flickr</a>. It works on all image files for which the MediaWiki software displays a preview image on the file description page, i.e., PNG, JPG, GIF, SVG, and single-page TIFF files. </p> <div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none" /><div class="toctitle" lang="en" dir="ltr"><h2 id="mw-toc-heading">Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#Trying_it_out"><span class="tocnumber">1</span> <span class="toctext">Trying it out</span></a></li> <li class="toclevel-1 tocsection-2"><a href="#How_to_add_informative_notes"><span class="tocnumber">2</span> <span class="toctext">How to add informative notes</span></a></li> <li class="toclevel-1 tocsection-3"><a href="#User_interface"><span class="tocnumber">3</span> <span class="toctext">User interface</span></a> <ul> <li class="toclevel-2 tocsection-4"><a href="#Display_of_image_annotations"><span class="tocnumber">3.1</span> <span class="toctext">Display of image annotations</span></a></li> <li class="toclevel-2 tocsection-5"><a href="#Adding_a_new_annotation"><span class="tocnumber">3.2</span> <span class="toctext">Adding a new annotation</span></a></li> <li class="toclevel-2 tocsection-6"><a href="#Editing_a_note"><span class="tocnumber">3.3</span> <span class="toctext">Editing a note</span></a></li> <li class="toclevel-2 tocsection-7"><a href="#Deleting_a_note"><span class="tocnumber">3.4</span> <span class="toctext">Deleting a note</span></a></li> <li class="toclevel-2 tocsection-8"><a href="#User_rights"><span class="tocnumber">3.5</span> <span class="toctext">User rights</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-9"><a href="#Local_annotations"><span class="tocnumber">4</span> <span class="toctext">Local annotations</span></a></li> <li class="toclevel-1 tocsection-10"><a href="#Inline_display_of_annotations"><span class="tocnumber">5</span> <span class="toctext">Inline display of annotations</span></a></li> <li class="toclevel-1 tocsection-11"><a href="#Rectangle_colors"><span class="tocnumber">6</span> <span class="toctext">Rectangle colors</span></a></li> <li class="toclevel-1 tocsection-12"><a href="#Settings_for_a_particular_image_use"><span class="tocnumber">7</span> <span class="toctext">Settings for a particular image use</span></a></li> <li class="toclevel-1 tocsection-13"><a href="#Site-wide_configuration"><span class="tocnumber">8</span> <span class="toctext">Site-wide configuration</span></a></li> <li class="toclevel-1 tocsection-14"><a href="#User_configurations"><span class="tocnumber">9</span> <span class="toctext">User configurations</span></a> <ul> <li class="toclevel-2 tocsection-15"><a href="#Setting_the_edit_box_width"><span class="tocnumber">9.1</span> <span class="toctext">Setting the edit box width</span></a></li> <li class="toclevel-2 tocsection-16"><a href="#Setting_the_zoom_activation"><span class="tocnumber">9.2</span> <span class="toctext">Setting the zoom activation</span></a></li> <li class="toclevel-2 tocsection-17"><a href="#Switching_off_note_display_on_image_uses"><span class="tocnumber">9.3</span> <span class="toctext">Switching off note display on image uses</span></a></li> <li class="toclevel-2 tocsection-18"><a href="#Switching_off_the_prompt_for_a_deletion_reason"><span class="tocnumber">9.4</span> <span class="toctext">Switching off the prompt for a deletion reason</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-19"><a href="#User_interface_texts"><span class="tocnumber">10</span> <span class="toctext">User interface texts</span></a> <ul> <li class="toclevel-2 tocsection-20"><a href="#Edit_summaries"><span class="tocnumber">10.1</span> <span class="toctext">Edit summaries</span></a></li> <li class="toclevel-2 tocsection-21"><a href="#Translation_pleas"><span class="tocnumber">10.2</span> <span class="toctext">Translation pleas</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-22"><a href="#Browser_compatibility"><span class="tocnumber">11</span> <span class="toctext">Browser compatibility</span></a></li> <li class="toclevel-1 tocsection-23"><a href="#Installing_ImageAnnotator_on_another_Wiki"><span class="tocnumber">12</span> <span class="toctext">Installing ImageAnnotator on another Wiki</span></a></li> <li class="toclevel-1 tocsection-24"><a href="#Limitations"><span class="tocnumber">13</span> <span class="toctext">Limitations</span></a></li> <li class="toclevel-1 tocsection-25"><a href="#Frequently_asked_questions"><span class="tocnumber">14</span> <span class="toctext">Frequently asked questions</span></a></li> <li class="toclevel-1 tocsection-26"><a href="#Problems?"><span class="tocnumber">15</span> <span class="toctext">Problems?</span></a> <ul> <li class="toclevel-2 tocsection-27"><a href="#Emergency_switch-off"><span class="tocnumber">15.1</span> <span class="toctext">Emergency switch-off</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-28"><a href="#Monitoring_edits"><span class="tocnumber">16</span> <span class="toctext">Monitoring edits</span></a></li> <li class="toclevel-1 tocsection-29"><a href="#See_also"><span class="tocnumber">17</span> <span class="toctext">See also</span></a></li> </ul> </div> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Trying_it_out" data-mw-thread-id="h-Trying_it_out"><span data-mw-comment-start="" id="h-Trying_it_out"></span>Trying it out<span data-mw-comment-end="h-Trying_it_out"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=1" title="Edit section: Trying it out"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>If you want to make test edits using this feature but don't want to do so on live pages, you can create here a personal "sandbox" page in your user space where you can play around as you like. Just click the button below, and then save the page you're being taken to. </p> <div class="mw-inputbox-centered" style=""><form name="createbox" class="createbox mw-inputbox-form" action="/w/index.php" method="get"><input type="hidden" value="edit" name="action"/><input type="hidden" value="Template:ImageAnnotatorSandbox" name="preload"/><input type="hidden" value="Template:ImageAnnotatorSandboxEditIntro" name="editintro"/><div class="cdx-text-input"><input type="hidden" name="title" class="mw-inputbox-input mw-inputbox-createbox cdx-text-input__input" value="Special:Mypage/imagenote-sandbox" placeholder="" size="50" dir="ltr"/></div><br/><input type="submit" name="create" value="Create personal image note sandbox" class="cdx-button cdx-button--action-progressive cdx-button--weight-primary"/></form></div> <p>Please note that here at the commons, image notes are configured such that only <a href="/wiki/Commons:Autoconfirmed_users" title="Commons:Autoconfirmed users">autoconfirmed users</a> can modify (edit/add/delete) image notes. Other users can edit image notes only within their own user space, such as on their personal image note sandboxes. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="How_to_add_informative_notes" data-mw-thread-id="h-How_to_add_informative_notes"><span data-mw-comment-start="" id="h-How_to_add_informative_notes"></span>How to add informative notes<span data-mw-comment-end="h-How_to_add_informative_notes"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=2" title="Edit section: How to add informative notes"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><i>See <a href="/wiki/Commons:Using_ImageAnnotator" class="mw-redirect" title="Commons:Using ImageAnnotator">Commons:Using ImageAnnotator</a> guidelines.</i> </p><p>Image annotations in general should highlight features, details, or points of interest <i>within</i> an image. A description of the image <i>as a whole</i> is better placed on the image description page directly (click the "edit" link at the top of the page to do so). </p><p>In general, images that can benefit most from annotations are <i>busy</i> images like: group portraits, panoramas, aerial photographs, satellite images, maps and diagrams. The type of images that likely will not be improved by notes are <i>simple</i> images lacking enough detail to need notes. For example: flags, coats of arms, computer icons, single person portraits, etc. Of course one can find many exceptions from this general rule. The content of a note should be relevant to the region of the image outlined by its box and as with other descriptions, "neutrality of description should be aimed at wherever possible" (see <a href="/wiki/Commons:NPOV" class="mw-redirect" title="Commons:NPOV">COM:NPOV</a>). Use of links to Commons categories, Commons galleries, or Wikipedia articles is encouraged. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="User_interface" data-mw-thread-id="h-User_interface"><span data-mw-comment-start="" id="h-User_interface"></span>User interface<span data-mw-comment-end="h-User_interface"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=3" title="Edit section: User interface"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>On image description pages, the script adds a button "Add a note" below the preview image. If the image already has annotations, it also shows a message indicating such. The button is only present if Ajax is enabled. </p> <div class="mw-heading mw-heading3"><h3 id="Display_of_image_annotations" data-mw-thread-id="h-Display_of_image_annotations-User_interface"><span data-mw-comment-start="" id="h-Display_of_image_annotations-User_interface"></span>Display of image annotations<span data-mw-comment-end="h-Display_of_image_annotations-User_interface"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=4" title="Edit section: Display of image annotations"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>An annotation is shown on the preview image as a yellow rectangle. The note is supposed to explain some feature in the image at the location of that rectangle. These yellow rectangles are only shown if the user moves the mouse cursor over the preview image, otherwise they're hidden. </p><p>If the yellow rectangles are visible, the note text will appear in a small popup when the user moves the mouse cursor over such a rectangle. This popup is hidden again when the mouse leaves the area of the rectangle combined with the area of the popup. While the popup is visible, its rectangle will be highlighted. </p> <table class="wikitable"> <tbody><tr> <th>Screenshot</th> <th>Explanation </th></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_Normal.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/ImageAnnotator_Normal.jpg/300px-ImageAnnotator_Normal.jpg" decoding="async" width="300" height="243" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/ImageAnnotator_Normal.jpg/450px-ImageAnnotator_Normal.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/ImageAnnotator_Normal.jpg/600px-ImageAnnotator_Normal.jpg 2x" data-file-width="643" data-file-height="520"/></a></span></td> <td>Initial display: rectangles are invisible because the mouse pointer is outside the image. Text below the image indicates the presence of annotations, and there's a button to add new notes. </td></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_Rectangles.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/ImageAnnotator_Rectangles.jpg/300px-ImageAnnotator_Rectangles.jpg" decoding="async" width="300" height="206" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/ImageAnnotator_Rectangles.jpg/450px-ImageAnnotator_Rectangles.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/ImageAnnotator_Rectangles.jpg/600px-ImageAnnotator_Rectangles.jpg 2x" data-file-width="640" data-file-height="440"/></a></span></td> <td>When the mouse pointer is moved onto the image, the rectangles are shown. </td></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_Note.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/ImageAnnotator_Note.jpg/300px-ImageAnnotator_Note.jpg" decoding="async" width="300" height="206" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/ImageAnnotator_Note.jpg/450px-ImageAnnotator_Note.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/ImageAnnotator_Note.jpg/600px-ImageAnnotator_Note.jpg 2x" data-file-width="640" data-file-height="440"/></a></span></td> <td>When the mouse pointer is moved over the rectangles, the corresponding notes are shown... </td></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_Note2.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/ImageAnnotator_Note2.jpg/300px-ImageAnnotator_Note2.jpg" decoding="async" width="300" height="206" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/ImageAnnotator_Note2.jpg/450px-ImageAnnotator_Note2.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/ImageAnnotator_Note2.jpg/600px-ImageAnnotator_Note2.jpg 2x" data-file-width="640" data-file-height="440"/></a></span></td> <td>... and the rectangles are highlighted. </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Adding_a_new_annotation" data-mw-thread-id="h-Adding_a_new_annotation-User_interface"><span data-mw-comment-start="" id="h-Adding_a_new_annotation-User_interface"></span>Adding a new annotation<span data-mw-comment-end="h-Adding_a_new_annotation-User_interface"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=5" title="Edit section: Adding a new annotation"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>When the "Add a note" button is clicked, the script enters definition mode. The preview image gets a green border, and the rectangles of all existing notes are shown. The user can now draw a new rectangle (shown in red) onto the preview image by clicking within the image, dragging the mouse cursor, and then releasing the mouse cursor. If the resulting rectangle has non-zero width and height, the note editor will pop up. When the note text is saved from that editor, a new note will be placed onto the preview image. </p><p>If the full image is much larger than the preview image, the script provides a floating zoom to make it easier to position the new rectangle. By default, this zoom is activated when the full image size is eight times larger than the preview, but this can be <a href="#Setting_the_zoom_activation">configured</a> by the user to their liking. The zoomed image is initially just the preview image scaled up by the browser, but the script loads an image at the correct zoomed size from the server in the background, and once that truly zoomed image has arrived, it replaces the browser's upscaled image. </p> <table class="wikitable"> <tbody><tr> <th>Screenshot</th> <th>Explanation </th></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_Button.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/ImageAnnotator_Button.jpg/102px-ImageAnnotator_Button.jpg" decoding="async" width="102" height="36" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/ImageAnnotator_Button.jpg/153px-ImageAnnotator_Button.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/ImageAnnotator_Button.jpg/204px-ImageAnnotator_Button.jpg 2x" data-file-width="2880" data-file-height="1016"/></a></span></td> <td>This is the button to add a new note. It is located below the preview image on the image description page. </td></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_Draw0.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/ImageAnnotator_Draw0.jpg/300px-ImageAnnotator_Draw0.jpg" decoding="async" width="300" height="53" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/ImageAnnotator_Draw0.jpg/450px-ImageAnnotator_Draw0.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/ImageAnnotator_Draw0.jpg/600px-ImageAnnotator_Draw0.jpg 2x" data-file-width="1816" data-file-height="320"/></a></span></td> <td>The image has a green border, and the rectangles of all existing annotations are shown. </td></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_DrawZoom.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/ImageAnnotator_DrawZoom.jpg/300px-ImageAnnotator_DrawZoom.jpg" decoding="async" width="300" height="96" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/ImageAnnotator_DrawZoom.jpg/450px-ImageAnnotator_DrawZoom.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/ImageAnnotator_DrawZoom.jpg/600px-ImageAnnotator_DrawZoom.jpg 2x" data-file-width="1825" data-file-height="583"/></a></span></td> <td>Because this is a huge file, ImageAnnotator provides a built-in zoom as soon as the mouse pointer enters the image. </td></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_DrawRect.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/ImageAnnotator_DrawRect.jpg/300px-ImageAnnotator_DrawRect.jpg" decoding="async" width="300" height="273" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/ImageAnnotator_DrawRect.jpg/450px-ImageAnnotator_DrawRect.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/ImageAnnotator_DrawRect.jpg/600px-ImageAnnotator_DrawRect.jpg 2x" data-file-width="744" data-file-height="676"/></a></span></td> <td>The new rectangle is shown in red. Once the left mouse button is released within the image, the editor will be shown. </td></tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:ImageAnnotator_Editor.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/ImageAnnotator_Editor.jpg/300px-ImageAnnotator_Editor.jpg" decoding="async" width="300" height="117" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/ImageAnnotator_Editor.jpg/450px-ImageAnnotator_Editor.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/ImageAnnotator_Editor.jpg/600px-ImageAnnotator_Editor.jpg 2x" data-file-width="1624" data-file-height="634"/></a></span></td> <td>If Ajax is enabled, notes can be edited. The note editor appears in a popup in the vicinity of the note's yellow rectangle, and is pre-filled with the current text of the note (or empty, if the user is editing a newly defined note). The editor of ImageAnnotator features a built-in preview. The text entered may contain WikiText markup. </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Editing_a_note" data-mw-thread-id="h-Editing_a_note-User_interface"><span data-mw-comment-start="" id="h-Editing_a_note-User_interface"></span>Editing a note<span data-mw-comment-end="h-Editing_a_note-User_interface"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=6" title="Edit section: Editing a note"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The note editor fully supports a preview function, just like the standard edit pages. Clearing the text and saving will delete an existing note (or cancel the definition of a new note). The "Revert" button will discard all changes made by the user and fill the editor again with the current text of the note. The "Cancel" button will close the editor without applying the changes. Clicking the "Save" button will edit the current page in the background and add the note text plus the coordinates of its rectangle to the page. </p> <div class="mw-heading mw-heading3"><h3 id="Deleting_a_note" data-mw-thread-id="h-Deleting_a_note-User_interface"><span data-mw-comment-start="" id="h-Deleting_a_note-User_interface"></span>Deleting a note<span data-mw-comment-end="h-Deleting_a_note-User_interface"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=7" title="Edit section: Deleting a note"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>An existing note can be deleted in two ways: </p> <ul><li>by clicking the "Delete" link in the note's popup, or</li> <li>by editing it, clearing the text, and then saving.</li></ul> <p>When you remove a note through <i>ImageAnnotator</i>, it will prompt you for a deletion reason. </p> <div class="mw-heading mw-heading3"><h3 id="User_rights" data-mw-thread-id="h-User_rights-User_interface"><span data-mw-comment-start="" id="h-User_rights-User_interface"></span>User rights<span data-mw-comment-end="h-User_rights-User_interface"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=8" title="Edit section: User rights"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The ability to edit, add, or delete notes is available only on pages the user is actually allowed to edit. On protected pages, non-admin users can only view existing notes. On files stored non-locally, only viewing of notes is possible. </p><p>Please note that here at the commons, image notes are configured so that only <a href="/wiki/Commons:Autoconfirmed_users" title="Commons:Autoconfirmed users">autoconfirmed users</a> can modify (edit/add/delete) image notes. Other users can edit image notes only within their own user space, such as on their personal image note sandboxes. </p><p><span id="LOCALA"></span> </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Local_annotations" data-mw-thread-id="h-Local_annotations"><span data-mw-comment-start="" id="h-Local_annotations"></span>Local annotations<span data-mw-comment-end="h-Local_annotations"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=9" title="Edit section: Local annotations"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Normally, the gadget is used on file description pages. On such pages, it is activated automatically. </p><p>Sometimes, one might use image notes for an image on other pages, though. An example is <a href="/wiki/Commons:FPC" class="mw-redirect" title="Commons:FPC">nominations for featured pictures</a>, where notes that are local to the nomination, but that are not shown on the file description pages, could be used to point out problems in an image. </p><p>This is possible through the use of template <a href="/wiki/Template:ImageWithNotes" title="Template:ImageWithNotes"><span style="font-family:monospace,monospace;">{{ImageWithNotes}}</span></a>. Any file link that actually displays an image that is wrapped with a <i><b>substitution</b></i> of that template also activates the gadget. Notes added for such images are stored on the page that includes the substitution of the <a href="/wiki/Template:ImageWithNotes" title="Template:ImageWithNotes"><span style="font-family:monospace,monospace;">{{ImageWithNotes}}</span></a> template, not on the file description page. </p><p>If a page contains more than one substitution of <a href="/wiki/Template:ImageWithNotes" title="Template:ImageWithNotes"><span style="font-family:monospace,monospace;">{{ImageWithNotes}}</span></a>, either directly or though transclusions, as on <a href="/wiki/Commons:FPC" class="mw-redirect" title="Commons:FPC">COM:FPC</a>, the gadget only allows viewing notes. Editing notes is possible only on the page that directly contains the template substitution. A nomination page that uses this feature is <a href="/wiki/Commons:Featured_picture_candidates/File:Vista_panor%C3%A1mica_de_Pe%C3%B1%C3%ADscola_desde_el_castillo.jpg" title="Commons:Featured picture candidates/File:Vista panorámica de Peñíscola desde el castillo.jpg">Commons:Featured picture candidates/File:Vista panorámica de Peñíscola desde el castillo.jpg</a>. </p><p>This mechanism is also used on the <a href="#Trying_it_out">personal image note sandbox pages</a>. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Inline_display_of_annotations" data-mw-thread-id="h-Inline_display_of_annotations"><span data-mw-comment-start="" id="h-Inline_display_of_annotations"></span>Inline display of annotations<span data-mw-comment-end="h-Inline_display_of_annotations"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=10" title="Edit section: Inline display of annotations"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Spelterini_Bl%C3%BCemlisalp.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Spelterini_Bl%C3%BCemlisalp.jpg/220px-Spelterini_Bl%C3%BCemlisalp.jpg" decoding="async" width="220" height="163" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Spelterini_Bl%C3%BCemlisalp.jpg/330px-Spelterini_Bl%C3%BCemlisalp.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Spelterini_Bl%C3%BCemlisalp.jpg/440px-Spelterini_Bl%C3%BCemlisalp.jpg 2x" data-file-width="1806" data-file-height="1341"/></a><figcaption>This image has a few notes, which you should be able to see here on this thumbnail if version 2 of ImageAnnotator is enabled.</figcaption></figure> <p>Since version 2, ImageAnnotator can also display notes defined on an image description page on the thumbnails of that image where it is used in articles, both at the same and at other projects (if those other projects also have version 2 of ImageAnnotator installed). This feature is highly configurable. ImageAnnotator can be configured on a site-wide basis </p> <ul><li>whether to display notes on such thumbnails at all, depending on whether the image is local and the namespace of the page on which the thumbnail appears, and depending on whether the use is actually a thumbnail (<code>[[File:Example.jpg|thumb|...]]</code>) or an <i>inline image</i> (without the "thumbnail", i.e., <code>[[File:Example.jpg|...]]</code>). See <a href="#Site-wide_configuration">site-wide configuration</a> below.</li> <li>whether to display the full notes (rectangles and popups) or just a small icon indicating that there are additional notes.</li></ul> <p>In addition, template <a href="/wiki/Template:InlineImageAnnotations" title="Template:InlineImageAnnotations"><span style="font-family:monospace,monospace;">{{InlineImageAnnotations}}</span></a> can be used to define note display on thumbnails and inline images on a per-image basis. This template is placed on the image description page of an image that has notes and defines how notes are displayed in places where that image is used. See the template for documentation. </p><p>Furthermore, note display on images in articles can <i>also</i> be defined on a per-article basis by placing the template <a href="/wiki/Template:ImageAnnotations" title="Template:ImageAnnotations"><span style="font-family:monospace,monospace;">{{ImageAnnotations}}</span></a> in the article. </p><p>If both are used, the values from the per-image definition (in the <a href="/wiki/Template:InlineImageAnnotations" title="Template:InlineImageAnnotations"><span style="font-family:monospace,monospace;">{{InlineImageAnnotations}}</span></a> on the image description page) have an effect only if there is no definition in the <a href="/wiki/Template:ImageAnnotations" title="Template:ImageAnnotations"><span style="font-family:monospace,monospace;">{{ImageAnnotations}}</span></a> on the article page. Otherwise, the per-article definition overrides the per-image definition. </p><p>Users can additionally switch off note display on inline images and thumbnails on a per-namespace basis. See <a href="#User_configurations">#User configurations</a> below. </p><p>In galleries (created with the <gallery> markup), inline display of image annotations is always disabled. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Rectangle_colors" data-mw-thread-id="h-Rectangle_colors"><span data-mw-comment-start="" id="h-Rectangle_colors"></span>Rectangle colors<span data-mw-comment-end="h-Rectangle_colors"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=11" title="Edit section: Rectangle colors"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Prequile_lyon_1863.jpg" class="mw-file-description"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Prequile_lyon_1863.jpg/220px-Prequile_lyon_1863.jpg" decoding="async" width="220" height="116" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Prequile_lyon_1863.jpg/330px-Prequile_lyon_1863.jpg 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Prequile_lyon_1863.jpg/440px-Prequile_lyon_1863.jpg 2x" data-file-width="2745" data-file-height="1452"/></a><figcaption>On this image, rectangle colors have been changed from the default to make them more visible. Because the image has many notes, you may not see the notes here (depending on the <a href="#Site-wide_configuration">configuration</a>), but then you should see a small indication icon in the upper right or left corner of the image. Click on the image (or on the icon) to visit the file page, where you can then see the notes.</figcaption></figure> <p>Normally, <i>ImageAnnotator</i> displays the rectangles of notes with yellow borders, and highlights the rectangle of the currently visible note using an orange color. On images that are predominantly yellowish or in orange tones, this makes the rectangles hard to see. For such cases, the rectangle colors can be specified on a per-image basis by adding the template <a href="/wiki/Template:ImageNoteColors" title="Template:ImageNoteColors"><span style="font-family:monospace,monospace;">{{ImageNoteColors}}</span></a> to the image description page. </p><p>A note rectangle has two borders, an outer and an inner border. To highlight the active rectangle (the one whose note is shown), the color of the outer border is set to the active color. All three colors can be specified with the template <a href="/wiki/Template:ImageNoteColors" title="Template:ImageNoteColors"><span style="font-family:monospace,monospace;">{{ImageNoteColors}}</span></a>. See the template for usage instructions. </p><p>The image at the right uses red rectangles, which work well in this case. They were generated by placing <code>{{ImageNoteColors|inner=red}}</code> on the file description page at <a href="/wiki/File:Prequile_lyon_1863.jpg" title="File:Prequile lyon 1863.jpg">File:Prequile lyon 1863.jpg</a>. </p><p>On another yellowish image, <a href="/wiki/File:Schleswig_Braun-Hogenberg.jpg" title="File:Schleswig Braun-Hogenberg.jpg">File:Schleswig Braun-Hogenberg.jpg</a>, red didn't work that well. It was better than yellow, but it turns out that using light green using <code>{{ImageNoteColors|inner=#00FF00|active=#00FF00}}</code> makes the note rectangles even more visible in this case. </p><p>In general, the "active" color, which is used to mark the rectangle of the currently visible note, should be a light color. Dark colors do not contrast enough with the default outer color (which is gray). </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Settings_for_a_particular_image_use" data-mw-thread-id="h-Settings_for_a_particular_image_use"><span data-mw-comment-start="" id="h-Settings_for_a_particular_image_use"></span>Settings for a particular image use<span data-mw-comment-end="h-Settings_for_a_particular_image_use"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=12" title="Edit section: Settings for a particular image use"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">as of Version 2.1</span> </p><p>Sometimes, one may want to control the appearance of image annotations for a single particular image use (thumbnail or otherwise included image) in an article. This can be accomplished by wrapping the image inclusion (the <code>[[File:....|...]]</code>) within template <a href="/wiki/Template:ImageNoteControl" title="Template:ImageNoteControl"><span style="font-family:monospace,monospace;">{{ImageNoteControl}}</span></a>. This template accepts parameters to </p> <ul><li>switch off image annotation for a particular image use altogether,</li> <li>show only an indication icon instead of the notes and a caption indicating their presence, or</li> <li>display the notes but suppress this caption.</li></ul> <p>See the <a href="/wiki/Template:ImageNoteControl" title="Template:ImageNoteControl">template</a> itself for more information. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Site-wide_configuration" data-mw-thread-id="h-Site-wide_configuration"><span data-mw-comment-start="" id="h-Site-wide_configuration"></span>Site-wide configuration<span data-mw-comment-end="h-Site-wide_configuration"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=13" title="Edit section: Site-wide configuration"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Site-wide configuration of ImageAnnotator is done in file <a href="/wiki/MediaWiki:ImageAnnotatorConfig.js" title="MediaWiki:ImageAnnotatorConfig.js">MediaWiki:ImageAnnotatorConfig.js</a>. This is a JavaScript file, so any changes there should be made only by admins who do know the JavaScript programming language. This is even more important as changes in that file start taking effect immediately. (The file is cached by clients for four hours, so after four hours a change in the site-wide configuration will have propagated to everybody.) </p><p>The site-wide configuration overrides any definitions from <a href="/wiki/Template:ImageAnnotations" title="Template:ImageAnnotations"><span style="font-family:monospace,monospace;">{{ImageAnnotations}}</span></a> in articles or from <a href="/wiki/Template:InlineImageAnnotations" title="Template:InlineImageAnnotations"><span style="font-family:monospace,monospace;">{{InlineImageAnnotations}}</span></a> on image description pages. </p><p>In <a href="/wiki/MediaWiki:ImageAnnotatorConfig.js" title="MediaWiki:ImageAnnotatorConfig.js">MediaWiki:ImageAnnotatorConfig.js</a>, admins can define: </p> <ul><li>where image annotations should be displayed at all: <code>viewingEnabled()</code></li> <li>who (everyone, or autoconfirmed users only, or other rules) may edit image annotations (if viewing is enabled at all): <code>editingEnabled()</code></li> <li><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">as of Version 2.2</span> who may remove image annotations through the gadget, and if so, whether empty deletion resons are allowed and who, if anybody, may bypass the prompt for a deletion reason altogether. (Note that image annotations may be removed anyway through normal edits to the image description page.) See <code>mayDelete()</code>, <code>emptyDeletionReasonAllowed()</code>, and <code>mayBypassDeletionPrompt()</code>.</li> <li>whether notes shall be shown on thumbnails (if viewing is enabled at all): <code>thumbsEnabled()</code></li> <li>whether notes shall be shown on inline images, i.e., any non-thumbnail use of images (if viewing is enabled at all): <code>generalImagesEnabled()</code></li> <li>whether notes shall be shown on image uses (thumbnail or other) for non-local images: <code>sharedImagesEnabled()</code></li> <li>on which image uses to display rectangles and popups, and on which to use only an indicator icon (provided viewing is enabled at all): <code>inlineImageUsesIndicator()</code></li> <li><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">as of Version 2.1</span> whether to display a caption on images with notes that are displayed in articles: <code>displayCaptionInArticles()</code></li> <li>internal functions for determining the location of a shared repository (by default, the Commons; see <code>sharedRepositoryAPI()</code> and <code>imageIsFromSharedRepository()</code>), the default colors for note rectangles, and the default interface texts.</li> <li><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">as of Version 2.1</span> internal setting telling the gadget whether the wiki is set up to automatically generate missing thumbnails (<code>thumbnailsGeneratedAutomatically()</code>).</li> <li><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">as of Version 2.2</span> the default zoom activation threshold.</li></ul> <p>All these configurations cannot be overridden by a user and apply globally on the whole site. The default settings are to enable note display everywhere except on the main page, allow editing for everyone, display notes on any image uses, and to use an indicator icon on image uses if the image is either non-local (comes from the shared repository) or otherwise small and has more than six notes. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="User_configurations" data-mw-thread-id="h-User_configurations"><span data-mw-comment-start="" id="h-User_configurations"></span>User configurations<span data-mw-comment-end="h-User_configurations"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=14" title="Edit section: User configurations"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Users can customize some few aspects of ImageAnnotator. </p> <div class="mw-heading mw-heading3"><h3 id="Setting_the_edit_box_width" data-mw-thread-id="h-Setting_the_edit_box_width-User_configurations"><span data-mw-comment-start="" id="h-Setting_the_edit_box_width-User_configurations"></span>Setting the edit box width<span data-mw-comment-end="h-Setting_the_edit_box_width-User_configurations"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=15" title="Edit section: Setting the edit box width"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>By default, ImageAnnotator uses a textbox for modifying notes that is 50 characters wide. Although notes may contain arbitrary WikiText, they should typically be rather short. The somewhat small edit box helps avoid that people write whole sermons in a note. If you often create notes containing long links, though, you might want a slightly larger box. In that case you can define the text box width by adding the following line to your <a href="/wiki/Special:MyPage/monobook.js" title="Special:MyPage/monobook.js">monobook.js</a> or other skin-specific JS file (such as <a href="/wiki/Special:MyPage/vector.js" title="Special:MyPage/vector.js">vector.js</a> for the Vector skin): </p> <div style="overflow:auto; border:1px solid #8888aa; padding:0.3em; margin-top:0.5em; margin-bottom:0.5em; margin-left:2em;"> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="kd">var</span><span class="w"> </span><span class="nx">ImageAnnotationEditor_columns</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">80</span><span class="p">;</span><span class="w"> </span><span class="c1">// Or any other number from 30 to 100.</span> </pre></div> </div> <p>This specifies the width of the textbox in characters. If the value set is not a number or outside the range of 30 to 100, the gadget reverts to its default behavior and uses a box 50 characters wide. </p><p><small>Note that on some browsers, notably Firefox, the textbox may be slightly wider than specified. Firefox, for instance, always adds space for a potential vertical scrollbar up front, even when it doesn't show a scrollbar yet. As a result, an empty textbox with 50 columns may on Firefox actually provide an input area that is 52 characters wide, until a vertical scrollbar appears.</small> </p> <div class="mw-heading mw-heading3"><h3 id="Setting_the_zoom_activation" data-mw-thread-id="h-Setting_the_zoom_activation-User_configurations"><span data-mw-comment-start="" id="h-Setting_the_zoom_activation-User_configurations"></span>Setting the zoom activation<span data-mw-comment-end="h-Setting_the_zoom_activation-User_configurations"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=16" title="Edit section: Setting the zoom activation"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>When the full image is much larger than the preview image, the script activates a floating zoom to make positioning new rectangles easier. How much larger the full image needs to be than the preview image to activate this zoom is governed by the <i>zoom threshold</i>. By default, this threshold is set to 8.0: the zoom is activated only if the full image is eight times larger than the preview. This threshold ratio can be changed, though: </p> <div style="overflow:auto; border:1px solid #8888aa; padding:0.3em; margin-top:0.5em; margin-bottom:0.5em; margin-left:2em;"> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="kd">var</span><span class="w"> </span><span class="nx">ImageAnnotator_zoom_threshold</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">8.0</span><span class="p">;</span><span class="w"> </span><span class="c1">// Or any other number >= 0</span> </pre></div> </div> <p>Setting the threshold to very high values will in practice disable zooming for most images. Setting it to zero enables the zoom on all images where the full image is at least twice the size of the preview. (In other words, the lower bound of <code>ImageAnnotator_zoom_threshold</code> is 2.0 in practice.) </p><p>Whatever the setting of this variable, zooming is enabled automatically for users who have set a very small preview size in their preferences (smaller than 600 pixels wide), and for images that are more than twice as wide as high, but only if the full image is at least twice the size of the preview image. </p> <div class="mw-heading mw-heading3"><h3 id="Switching_off_note_display_on_image_uses" data-mw-thread-id="h-Switching_off_note_display_on_image_uses-User_configurations"><span data-mw-comment-start="" id="h-Switching_off_note_display_on_image_uses-User_configurations"></span>Switching off note display on image uses<span data-mw-comment-end="h-Switching_off_note_display_on_image_uses-User_configurations"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=17" title="Edit section: Switching off note display on image uses"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">As of Version 2.0</span> </p><p>Logged-in users can customize note display on thumbnails and other images used in articles by setting special variables in their skin-specific user JS files, such as <a href="/wiki/Special:MyPage/monobook.js" title="Special:MyPage/monobook.js">monobook.js</a> for the "monobook" skin, or <a href="/wiki/Special:MyPage/vector.js" title="Special:MyPage/vector.js">vector.js</a> for the "vector" skin. </p><p>This customization works on a per-namespace basis. For each feature, the user may define a list of namespace names for which the feature applies. Customizeable features are </p> <ul><li>no_images : switch off note display on all image uses in the namespaces given</li> <li>no_thumbs : switch off note display only on thumbnails in the namespaces given</li> <li>no_shared : switch off note display for non-local images in the namespaces given</li> <li>icon_thumbs : use only an indicator icon (instead of showing the note rectangles and popups) for thumbnails in the namespaces given</li> <li>icon_images : use only an indicator icon for other (non-thumbnail) image uses in the namespaces given</li></ul> <p>These features are defined through variables the user declares in their skin-specific JS file. The variable names are <code>ImageAnnotator_no_images</code>, <code>ImageAnnotator_no_thumbs</code>, <code>ImageAnnotator_no_shared</code>, <code>ImageAnnotator_icon_thumbs</code>, and <code>ImageAnnotator_icon_images</code>. The values in all cases are JavaScript arrays of strings. An example of a user's configuration might be </p> <div style="margin-left:2em;padding:0.5em;border:1px solid #8888aa;overflow:auto;"> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="kd">var</span><span class="w"> </span><span class="nx">ImageAnnotator_no_images</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="s2">"Creator"</span><span class="p">,</span><span class="w"> </span><span class="s2">"Creator talk"</span><span class="p">];</span><span class="w"> </span><span class="c1">// No image note display on creator pages</span> <span class="kd">var</span><span class="w"> </span><span class="nx">ImageAnnotator_no_thumbs</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="s2">"Talk"</span><span class="p">];</span><span class="w"> </span><span class="c1">// Don't show notes for thumbs on talk pages</span> <span class="kd">var</span><span class="w"> </span><span class="nx">ImageAnnotator_icon_thumbs</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="s2">"Commons"</span><span class="p">];</span><span class="w"> </span><span class="c1">// Only an indication icon for thumbs in the commons</span> <span class="w"> </span><span class="c1">// namespace, such as on [[COM:FPC]]</span> </pre></div> </div> <p><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">as of Version 2.1</span> You may also use "*" as a wildcard denoting "any namespace" in these arrays. </p><p><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">as of Version 2.1</span> Using the variable <code>ImageAnnotator_hide_captions</code>, you can switch off the display of extra captions indicating the presence of annotations on image uses in articles. For instance, </p> <div style="margin-left:2em;padding:0.5em;border:1px solid #8888aa;overflow:auto;"> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="kd">var</span><span class="w"> </span><span class="nx">ImageAnnotator_hide_captions</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="s2">"*"</span><span class="p">];</span> </pre></div> </div> <p>would suppress these captions on all image uses (thumbnails and otherwise included images) in all namespaces. </p> <dl><dd><small>Note that this feature relies on the server including <code>wgNamespaceIds</code> in the inline JavaScript on the page. If <code>wgNamespaceIds</code> does not exist, this user-defined customization will not work. (But image annotations will continue to work anyway.)</small></dd></dl> <div class="mw-heading mw-heading3"><h3 id="Switching_off_the_prompt_for_a_deletion_reason" data-mw-thread-id="h-Switching_off_the_prompt_for_a_deletion_reason-User_configurations"><span data-mw-comment-start="" id="h-Switching_off_the_prompt_for_a_deletion_reason-User_configurations"></span>Switching off the prompt for a deletion reason<span data-mw-comment-end="h-Switching_off_the_prompt_for_a_deletion_reason-User_configurations"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=18" title="Edit section: Switching off the prompt for a deletion reason"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><span style="border:1px solid #8888aa; background:#fff8cc; padding:0.2em;">As of Version 2.2</span> If the <a href="#Site-wide_configuration">site-wide configuration</a> allows this at all, a user may switch off the prompt for a deletion reason when a note is removed through the gadget using </p> <div style="margin-left:2em;padding:0.5em;border:1px solid #8888aa;overflow:auto;"> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="kd">var</span><span class="w"> </span><span class="nx">ImageAnnotator_noDeletionPrompt</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">true</span><span class="p">;</span> </pre></div> </div> <p>This setting is somewhat risky, though, because if a user may remove notes through the gadget (this is another site-wide configuration setting), the deletion link is just next to the edit link. With this setting, a single mis-click might inadvertently remove a note. </p><p>The default site-wide setting allows this only for administrators. There is another site-wide setting that determines whether empty deletion reasons are allowed; it's safer to use that to allow administrators quickly removing inappropriate notes. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="User_interface_texts" data-mw-thread-id="h-User_interface_texts"><span data-mw-comment-start="" id="h-User_interface_texts"></span>User interface texts<span data-mw-comment-end="h-User_interface_texts"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=19" title="Edit section: User interface texts"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><a href="/wiki/MediaWiki:Gadget-ImageAnnotator.js" title="MediaWiki:Gadget-ImageAnnotator.js">ImageAnnotator</a> uses a small number of texts in its user interface. If Ajax is enabled, the script loads localized strings for these interface messages. </p><p>These interface texts can be defined on-wiki in pages in the protected MediaWiki namespace, just like the standard interface texts of MediaWiki. The script uses the following interface texts: </p> <div style="margin-left:2em;padding:0.5em;border:1px solid #8888aa;"> <ul><li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorCancelButtonLabel&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorCancelButtonLabel (page does not exist)">MediaWiki:ImageAnnotatorCancelButtonLabel</a> (simple text only, no markup):<span class="wpImageAnnotatorCancel">Cancel</span></li> <li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorEditButtonLabel&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorEditButtonLabel (page does not exist)">MediaWiki:ImageAnnotatorEditButtonLabel</a> (simple text only, no markup):<span class="wpImageAnnotatorEdit">Edit</span></li> <li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorDeleteButtonLabel&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorDeleteButtonLabel (page does not exist)">MediaWiki:ImageAnnotatorDeleteButtonLabel</a> (simple text only, no markup):<span class="wpImageAnnotatorDelete">Delete</span></li> <li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorPreviewButtonLabel&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorPreviewButtonLabel (page does not exist)">MediaWiki:ImageAnnotatorPreviewButtonLabel</a> (simple text only, no markup):<span class="wpImageAnnotatorPreview">Preview</span></li> <li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorRevertButtonLabel&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorRevertButtonLabel (page does not exist)">MediaWiki:ImageAnnotatorRevertButtonLabel</a> (simple text only, no markup):<span class="wpImageAnnotatorRevert">revert</span></li></ul> <ul><li><a href="/wiki/MediaWiki:ImageAnnotatorEditorLabel" title="MediaWiki:ImageAnnotatorEditorLabel">MediaWiki:ImageAnnotatorEditorLabel</a> (inline elements only, inside a <span>):<span class="wpImageAnnotatorEditorLabel">Text of the note (may include <a href="https://meta.wikimedia.org/wiki/Help:Reference_card" class="extiw" title="m:Help:Reference card">Wiki markup</a>)</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorSaveError" title="MediaWiki:ImageAnnotatorSaveError">MediaWiki:ImageAnnotatorSaveError</a> (anything allowed, inside a <div>):<div class="wpImageAnnotatorSaveError"><span style="color:red;">Could not save your note (edit conflict or other problem).</span> Please copy the text in the edit box below and insert it manually by <span class="wpImageAnnotatorOwnPageLink"><a class="external text" href="https://commons.wikimedia.org/w/index.php?title=Help:Image-Annotator&action=edit">editing this page</a></span>.</div></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorCopyright" title="MediaWiki:ImageAnnotatorCopyright">MediaWiki:ImageAnnotatorCopyright</a> (anything allowed, inside a <div>):<div class="wpImageAnnotatorCopyright"><span style="font-size:smaller;">Upon submitting the note will be published multi-licensed under the terms of the <span class="plainlinks"><a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a></span> license and of the <span class="plainlinks"><a rel="nofollow" class="external text" href="https://www.gnu.org/licenses/fdl-1.3.html">GFDL</a></span> (unversioned, with no invariant sections, front-cover texts, or back-cover texts). See our <span class="plainlinks"><a rel="nofollow" class="external text" href="https://wikimediafoundation.org/wiki/Terms_of_Use">terms of use</a></span> for more details.</span></div></li></ul> <ul><li><a href="/wiki/MediaWiki:ImageAnnotatorAddButtonText" title="MediaWiki:ImageAnnotatorAddButtonText">MediaWiki:ImageAnnotatorAddButtonText</a> (simple text only, no markup):<span class="wpImageAnnotatorAddButtonText">Add a note</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorDrawRectangleMsg" title="MediaWiki:ImageAnnotatorDrawRectangleMsg">MediaWiki:ImageAnnotatorDrawRectangleMsg</a> (inline elements only, inside a <span>):<span class="wpImageAnnotatorDrawRectMsg">Draw a rectangle onto the image above (press the left mouse button, then drag and release).</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorHasNotesMsg" title="MediaWiki:ImageAnnotatorHasNotesMsg">MediaWiki:ImageAnnotatorHasNotesMsg</a> (inline elements only, inside a <span>):<span class="wpImageAnnotatorHasNotesMsg">This file has annotations. Move the mouse pointer over the image to see them.</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorEditNotesMsg" title="MediaWiki:ImageAnnotatorEditNotesMsg">MediaWiki:ImageAnnotatorEditNotesMsg</a> (no markup except a single wikilink that will be replaced at runtime):<span class="wpImageAnnotatorEditNotesMsg"> To edit the notes, visit page <a href="#Dummy">X</a>.</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorDeleteReason" title="MediaWiki:ImageAnnotatorDeleteReason">MediaWiki:ImageAnnotatorDeleteReason</a> (simple text only, no markup, alert box):<span class="wpImageAnnotatorDeleteReason">Why do you want to remove this note?</span></li></ul> <ul><li><a href="/wiki/MediaWiki:Translate" title="MediaWiki:Translate">MediaWiki:Translate</a> (simple text only, only markup allowed is <span dir="rtl"></span>):</li> <li><a href="/wiki/MediaWiki:ImageAnnotatorSave" title="MediaWiki:ImageAnnotatorSave">MediaWiki:ImageAnnotatorSave</a> (simple text only, no markup):<span class="wpImageAnnotatorSave">Save</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorHelp" title="MediaWiki:ImageAnnotatorHelp">MediaWiki:ImageAnnotatorHelp</a> (inline elements only, see <a href="/wiki/Help:Gadget-ImageAnnotator" class="mw-redirect" title="Help:Gadget-ImageAnnotator">Help:Gadget-ImageAnnotator</a>):<span class="wpImageAnnotatorHelp"><a href="/wiki/Help:Gadget-ImageAnnotator" class="mw-redirect" title="Help:Gadget-ImageAnnotator">Help about image annotations</a></span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorIndicatorIcon" title="MediaWiki:ImageAnnotatorIndicatorIcon">MediaWiki:ImageAnnotatorIndicatorIcon</a> (image used as indicator icon):<span class="wpImageAnnotatorIndicatorIcon"><span class="mw-default-size" typeof="mw:File"><a href="/wiki/File:Gtk-dialog-info-14px.png" class="mw-file-description" title="This file has annotations"><img alt="This file has annotations" src="https://upload.wikimedia.org/wikipedia/commons/8/8a/Gtk-dialog-info-14px.png" decoding="async" width="14" height="14" class="mw-file-element" data-file-width="14" data-file-height="14"/></a></span></span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorCannotEditMsg" title="MediaWiki:ImageAnnotatorCannotEditMsg">MediaWiki:ImageAnnotatorCannotEditMsg</a> (anything allowed, inside a <div>):<div class="wpImageAnnotatorCannotEditMsg"><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Gtk-dialog-info.svg/16px-Gtk-dialog-info.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Gtk-dialog-info.svg/24px-Gtk-dialog-info.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Gtk-dialog-info.svg/32px-Gtk-dialog-info.svg.png 2x" data-file-width="60" data-file-height="60"/></span></span> To modify annotations, your browser needs to have the <a href="https://en.wikipedia.org/wiki/en:XMLHttpRequest" class="extiw" title="w:en:XMLHttpRequest">XMLHttpRequest</a> object. Your browser does not have this object or does not allow it to be used (in Internet Explorer, it may be in a switched off ActiveX component), and thus you cannot modify annotations. We're sorry for the inconvenience.</div></li></ul></div> <p>To localize these texts, just place the translations in subpages of these pages. The French texts, for instance, reside at "/fr" subpages: </p> <div style="margin-left:2em;padding:0.5em;border:1px solid #8888aa;"> <ul><li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorCancelButtonLabel/fr&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorCancelButtonLabel/fr (page does not exist)">MediaWiki:ImageAnnotatorCancelButtonLabel/fr</a> (simple text only, no markup):<span class="wpImageAnnotatorCancel">Annuler</span></li> <li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorEditButtonLabel/fr&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorEditButtonLabel/fr (page does not exist)">MediaWiki:ImageAnnotatorEditButtonLabel/fr</a> (simple text only, no markup):<span class="wpImageAnnotatorEdit">Modifier</span></li> <li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorDeleteButtonLabel/fr&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorDeleteButtonLabel/fr (page does not exist)">MediaWiki:ImageAnnotatorDeleteButtonLabel/fr</a> (simple text only, no markup):<span class="wpImageAnnotatorDelete">Supprimer</span></li> <li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorPreviewButtonLabel/fr&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorPreviewButtonLabel/fr (page does not exist)">MediaWiki:ImageAnnotatorPreviewButtonLabel/fr</a> (simple text only, no markup):<span class="wpImageAnnotatorPreview">Prévisualisation</span></li> <li><a href="/w/index.php?title=MediaWiki:ImageAnnotatorRevertButtonLabel/fr&action=edit&redlink=1" class="new" title="MediaWiki:ImageAnnotatorRevertButtonLabel/fr (page does not exist)">MediaWiki:ImageAnnotatorRevertButtonLabel/fr</a> (simple text only, no markup):<span class="wpImageAnnotatorRevert">rétablir</span></li></ul> <ul><li><a href="/wiki/MediaWiki:ImageAnnotatorEditorLabel/fr" title="MediaWiki:ImageAnnotatorEditorLabel/fr">MediaWiki:ImageAnnotatorEditorLabel/fr</a> (inline elements only, inside a <span>):<span class="wpImageAnnotatorEditorLabel">Texte de la note (<a href="https://fr.wikipedia.org/wiki/Aide:Syntaxe" class="extiw" title="fr:Aide:Syntaxe">syntaxe Wiki</a> acceptée)</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorSaveError/fr" title="MediaWiki:ImageAnnotatorSaveError/fr">MediaWiki:ImageAnnotatorSaveError/fr</a> (anything allowed, inside a <div>):<div class="wpImageAnnotatorSaveError"><span style="color:red;">Impossible d'enregistrer la note (conflit d'édition ou autre problème).</span> Veuillez s.v.p. copier le texte entier de la boîte ci-dessous et l'insérer manuellement en <span class="wpImageAnnotatorOwnPageLink"><a class="external text" href="https://commons.wikimedia.org/w/index.php?title=Help:Image-Annotator&action=edit">éditant cette page</a></span>.</div></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorCopyright/fr" title="MediaWiki:ImageAnnotatorCopyright/fr">MediaWiki:ImageAnnotatorCopyright/fr</a> (anything allowed, inside a <div>):<div class="wpImageAnnotatorCopyright"><small>La note sera publiée multi-licenciée sous les termes de la licence <a href="/wiki/Commons:Creative_Commons_Attribution-ShareAlike_3.0_Unported_License" title="Commons:Creative Commons Attribution-ShareAlike 3.0 Unported License">CC-BY-SA-3.0</a> et de la GFDL, versions <a href="/wiki/Commons:GNU_Free_Documentation_License,_version_1.2" title="Commons:GNU Free Documentation License, version 1.2">1.2</a>, <a href="/wiki/Commons:GNU_Free_Documentation_License" title="Commons:GNU Free Documentation License">1.3</a>, ou des versions plus récentes. Voir les <span class="plainlinks"><a rel="nofollow" class="external text" href="https://wikimediafoundation.org/wiki/Terms_of_Use">conditions d'utilisation</a></span> pour des informations supplémentaires.</small></div></li></ul> <ul><li><a href="/wiki/MediaWiki:ImageAnnotatorAddButtonText/fr" title="MediaWiki:ImageAnnotatorAddButtonText/fr">MediaWiki:ImageAnnotatorAddButtonText/fr</a> (simple text only, no markup):<span class="wpImageAnnotatorAddButtonText">Ajouter une note</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorDrawRectangleMsg/fr" title="MediaWiki:ImageAnnotatorDrawRectangleMsg/fr">MediaWiki:ImageAnnotatorDrawRectangleMsg/fr</a> (inline elements only, inside a <span>):<span class="wpImageAnnotatorDrawRectMsg">Dessinez un rectangle sur l'image ci-dessus (appuyer le bouton gauche de la souris, tirer, puis relâcher).</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorHasNotesMsg/fr" title="MediaWiki:ImageAnnotatorHasNotesMsg/fr">MediaWiki:ImageAnnotatorHasNotesMsg/fr</a> (inline elements only, inside a <span>):<span class="wpImageAnnotatorHasNotesMsg">Il y a des notes sur ce fichier. Passez le curseur de la souris sur l'image pour les voir.</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorEditNotesMsg/fr" title="MediaWiki:ImageAnnotatorEditNotesMsg/fr">MediaWiki:ImageAnnotatorEditNotesMsg/fr</a> (no markup except a single wikilink that will be replaced at runtime):<span class="wpImageAnnotatorEditNotesMsg"> Pour modifier des notes, visitez la page <a href="#Dummy">X</a>.</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorDeleteReason/fr" title="MediaWiki:ImageAnnotatorDeleteReason/fr">MediaWiki:ImageAnnotatorDeleteReason/fr</a> (simple text only, no markup, alert box):<span class="wpImageAnnotatorDeleteReason">Pourquoi voulez-vous effacer cette note?</span></li></ul> <ul><li><a href="/wiki/MediaWiki:Translate/fr" title="MediaWiki:Translate/fr">MediaWiki:Translate/fr</a> (simple text only, only markup allowed is <span dir="rtl"></span>):</li> <li><a href="/wiki/MediaWiki:ImageAnnotatorSave/fr" title="MediaWiki:ImageAnnotatorSave/fr">MediaWiki:ImageAnnotatorSave/fr</a> (simple text only, no markup):<span class="wpImageAnnotatorSave">Enregistrer</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorHelp/fr" title="MediaWiki:ImageAnnotatorHelp/fr">MediaWiki:ImageAnnotatorHelp/fr</a> (inline elements only, see <a href="/wiki/Help:Gadget-ImageAnnotator" class="mw-redirect" title="Help:Gadget-ImageAnnotator">Help:Gadget-ImageAnnotator</a>):<span class="wpImageAnnotatorHelp"><a href="/wiki/Help:Gadget-ImageAnnotator" class="mw-redirect" title="Help:Gadget-ImageAnnotator">Aide sur les annotations</a></span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorIndicatorIcon/fr" title="MediaWiki:ImageAnnotatorIndicatorIcon/fr">MediaWiki:ImageAnnotatorIndicatorIcon/fr</a> (image used as indicator icon):<span class="wpImageAnnotatorIndicatorIcon"><span class="mw-default-size" typeof="mw:File"><a href="/wiki/File:Gtk-dialog-info-14px.png" class="mw-file-description" title="Il y a des notes sur ce fichier"><img alt="Il y a des notes sur ce fichier" src="https://upload.wikimedia.org/wikipedia/commons/8/8a/Gtk-dialog-info-14px.png" decoding="async" width="14" height="14" class="mw-file-element" data-file-width="14" data-file-height="14"/></a></span></span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorCannotEditMsg/fr" title="MediaWiki:ImageAnnotatorCannotEditMsg/fr">MediaWiki:ImageAnnotatorCannotEditMsg/fr</a> (anything allowed, inside a <div>):<div class="wpImageAnnotatorCannotEditMsg"><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Gtk-dialog-info.svg/16px-Gtk-dialog-info.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Gtk-dialog-info.svg/24px-Gtk-dialog-info.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Gtk-dialog-info.svg/32px-Gtk-dialog-info.svg.png 2x" data-file-width="60" data-file-height="60"/></span></span> Vous pouvez modifier des annotations d'images seulement si votre navigateur contient un objet « <a href="https://en.wikipedia.org/wiki/fr:XMLHttpRequest" class="extiw" title="w:fr:XMLHttpRequest">XMLHttpRequest</a> ». Votre navigateur ne semble pas avoir cet objet, ou ne permet pas d'y accéder (dans Internet Explorer, cet objet est peut-être dans un composant ActiveX désactivé), et donc vous ne pouvez pas modifier les annotations d'images.</div></li></ul></div> <p>If there is no translation for a particular text, the script falls back to the English texts. </p><p>The help button is a bit special. <a href="/wiki/MediaWiki:ImageAnnotatorHelp" title="MediaWiki:ImageAnnotatorHelp">MediaWiki:ImageAnnotatorHelp</a> can be one of the following: </p> <ul><li>A simple link, e.g. <code>[[Help:Gadget-ImageAnnotator|Get help]]</code>. This will insert the link as is.</li> <li>A span containing some simple text, followed by a link. This will insert a button with the text from the span, linking to the page given in the link.</li> <li>A sequence of one to three images, followed by a link. This will insert the image, linked to the page given in the link. If more than one image are given, the second is displayed when the mouse hovers over the resulting help button, and the third is displayed on a mouse click.</li></ul> <p>The third possibility is actually only useful if you really specify more than one image to create an animated button, or if you are running on an older MediaWiki installation that doesn't support the "link=" parameter for images. Otherwise, you can achieve the same effect (a clickable image linked to some page) by just defining <a href="/wiki/MediaWiki:ImageAnnotatorHelp" title="MediaWiki:ImageAnnotatorHelp">MediaWiki:ImageAnnotatorHelp</a> as e.g. </p> <pre>[[Image:Gtk-dialog-question-2.svg|16px|Help about image annotations|link=Help:Gadget-ImageAnnotator]] </pre> <p>The button labels are supposed to be simple texts. Those for the "Edit"/"Delete" links and for the "Preview", "Revert", and "Cancel" buttons are optional; if they're not defined, already existing MediaWiki messages that provide sensible default texts are used. Those for the "Save" and "Add a note" button do not have this fallback mechanism because there are no suitable pre-defined MediaWiki messages that could be used. </p> <dl><dd><small>Getting the localizations through Ajax means that there will be one additional request to the servers for each and every image description page visited with <a href="/wiki/MediaWiki:Gadget-ImageAnnotator.js" title="MediaWiki:Gadget-ImageAnnotator.js">ImageAnnotator</a> active. If this ever becomes a problem, one can either switch off localizations, or make the developers implement an image page footer system message that could be used to transport the interface strings on the page itself when it loads, like it was done for the upload form. However, thanks to caching in the browser and also in the Squids on the server side, this additional request should not be problematic. The only drawback is that localizations for <a href="/wiki/MediaWiki:ImageAnnotatorHasNotesMsg" title="MediaWiki:ImageAnnotatorHasNotesMsg">MediaWiki:ImageAnnotatorHasNotesMsg</a> are ignored if Ajax is switched off. On the other hand, the Ajax mechanism works without server-side changes.</small></dd></dl> <div class="mw-heading mw-heading3"><h3 id="Edit_summaries" data-mw-thread-id="h-Edit_summaries-User_interface_texts"><span data-mw-comment-start="" id="h-Edit_summaries-User_interface_texts"></span>Edit summaries<span data-mw-comment-end="h-Edit_summaries-User_interface_texts"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=20" title="Edit section: Edit summaries"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>In addition to the above interface texts, which can be fully localized, <i>ImageAnnotator</i> uses three more texts as edit summaries for the edits made through this script's interface. These texts are configurable, too, but they cannot be localized. The script uses these messages: </p> <div style="margin-left:2em;padding:0.5em;border:1px solid #8888aa;"> <ul><li><a href="/wiki/MediaWiki:ImageAnnotatorAddSummary" title="MediaWiki:ImageAnnotatorAddSummary">MediaWiki:ImageAnnotatorAddSummary</a> (wikitext; must be enclosed by <nowiki>; $1 is replaced):<span class="wpImageAnnotatorAddSummary">[[MediaWiki talk:Gadget-ImageAnnotator.js|Adding image note]]$1</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorChangeSummary" title="MediaWiki:ImageAnnotatorChangeSummary">MediaWiki:ImageAnnotatorChangeSummary</a> (wikitext; must be enclosed by <nowiki>; $1 is replaced):<span class="wpImageAnnotatorChangeSummary">[[MediaWiki talk:Gadget-ImageAnnotator.js|Changing image note]]$1</span></li> <li><a href="/wiki/MediaWiki:ImageAnnotatorRemoveSummary" title="MediaWiki:ImageAnnotatorRemoveSummary">MediaWiki:ImageAnnotatorRemoveSummary</a> (wikitext; must be enclosed by <nowiki>; $1 is replaced):<span class="wpImageAnnotatorRemoveSummary">[[MediaWiki talk:Gadget-ImageAnnotator.js|Removing image note]]$1</span></li></ul></div> <p>These messages should be in the <code>wgContentLanguage</code> of the wiki (English at the English WMF projects and at the Commons; German at German projects, Arabic at Arabic projects, and so on). They should <i>not</i> be in the user's interface language. Edit summaries are targeted not at the editor making an edit, but are for the benefit of all other users at a wiki. Hence edit summaries should be in a language that most people working on a wiki understand, which is normally the content language of the wiki. </p> <div class="mw-heading mw-heading3"><h3 id="Translation_pleas" data-mw-thread-id="h-Translation_pleas-User_interface_texts"><span data-mw-comment-start="" id="h-Translation_pleas-User_interface_texts"></span>Translation pleas<span data-mw-comment-end="h-Translation_pleas-User_interface_texts"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=21" title="Edit section: Translation pleas"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Here at the Commons, the script adds small "translate"-links at various places in the interface if there are no interface texts in the user's language. Clicking such a link opens the page <a href="/wiki/MediaWiki_talk:ImageAnnotatorTexts" title="MediaWiki talk:ImageAnnotatorTexts">MediaWiki talk:ImageAnnotatorTexts</a> for editing in preview mode; users can enter their translations and save them there so an administrator can later verify them and move them to the correct messages in the protected MediaWiki namespace. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Browser_compatibility" data-mw-thread-id="h-Browser_compatibility"><span data-mw-comment-start="" id="h-Browser_compatibility"></span>Browser compatibility<span data-mw-comment-end="h-Browser_compatibility"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=22" title="Edit section: Browser compatibility"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><a href="/wiki/MediaWiki:Gadget-ImageAnnotator.js" title="MediaWiki:Gadget-ImageAnnotator.js">ImageAnnotator</a> has been tested and is known to work on the following browsers: </p> <table class="wikitable"> <tbody><tr> <td>Firefox 102</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Fx 102.15.0 esr (64 bits) on Debian (GNU/Linux) 12 <br/> Fx 102.15.0 esr (64 bits) on proxmox-ve: 7.4-1 <br/> Fx 102.15.0 esr (64 bits) on proxmox-ve: 8.1-2 </td></tr> <tr> <td>Firefox 10</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Fx 10.0.12esr on Windows 7 SP1 + Windows 2000 SP4 (VM) </td></tr> <tr> <td>Firefox 8</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Fx 8.0 on Ubuntu 11.10 </td></tr> <tr> <td>Firefox 3</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Fx 3.0.5, 3.0.10, 3.0.11, 3.0.13, 3.5.2 on Win XP Pro, SP2; Fx 3.0.13, 3.5.2 on Ubuntu 9.04; 3.0.10 on Mac OS X 10.5.8 </td></tr> <tr> <td>Firefox 2</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Fx 2.0.0.16 on Win XP Pro, SP2 </td></tr> <tr> <td>Firefox 1.5</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Fx 1.5.0.11 on Wine 1.? </td></tr> <tr> <td>IE 9</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>9.0.8112.16421CO (x86+amd64) on Windows 7 </td></tr> <tr> <td>Internet Explorer 8</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>IE 8.0.6001.18702 on Win XP Pro/SP3 in a virtual PC<br/>(<a rel="nofollow" class="external text" href="http://www.microsoft.com/Downloads/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en">Internet Explorer Application Compatibility VPC Image</a> from Microsoft) </td></tr> <tr> <td>Internet Explorer 7</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>IE 7.0.5730.11 on Win XP Pro/SP3 in a virtual PC<br/>(<a rel="nofollow" class="external text" href="http://www.microsoft.com/Downloads/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en">Internet Explorer Application Compatibility VPC Image</a> from Microsoft) </td></tr> <tr> <td>Internet Explorer 6</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Win XP Pro, SP2 </td></tr> <tr> <td>Internet Explorer 6</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/20px-OOjs_UI_icon_close-ltr-destructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/30px-OOjs_UI_icon_close-ltr-destructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/40px-OOjs_UI_icon_close-ltr-destructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b>Not OK</b></td> <td>Windows 2000, SP4, HTTP (HTTPS fails anyway) </td></tr> <tr> <td>IE/Mac</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/20px-OOjs_UI_icon_close-ltr-destructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/30px-OOjs_UI_icon_close-ltr-destructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/40px-OOjs_UI_icon_close-ltr-destructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b>Not OK</b></td> <td>Doesn't load in IE 5.2.3 on Mac OS X 10.5.8. </td></tr> <tr> <td>IE 5.5</td> <td><span typeof="mw:File"><span title="Unknown"><img alt="Unknown" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/15px-Symbol_question.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/23px-Symbol_question.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/30px-Symbol_question.svg.png 2x" data-file-width="180" data-file-height="185"/></span></span> unknown</td> <td>Needed? Probably won't work. </td></tr> <tr> <td>Google Chrome/Linux</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>dev-channel build 3.0.189.0 </td></tr> <tr> <td>Google Chrome/Win</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Google Chrome 2.0.172.31, WebKit 530.5, V8 1.1.10.13 </td></tr> <tr> <td>Konqueror/Linux</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Konqueror 4.2.4 </td></tr> <tr> <td>Konqueror/Win</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Konqueror 4.2.3 (KDE 4.2.3) on Win XP Pro, SP2. </td></tr> <tr> <td>Opera ≥ 9.0</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Opera 9.02, 9.26, 9.50, 9.63, 10 on Win XP Pro, SP2; Opera 9.64 on Ubuntu 9.04 </td></tr> <tr> <td>Opera < 9.0</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/20px-OOjs_UI_icon_close-ltr-destructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/30px-OOjs_UI_icon_close-ltr-destructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/40px-OOjs_UI_icon_close-ltr-destructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b>Not OK</b></td> <td>Tested on Opera 8.02 and 8.50 on Win XP Pro, SP2: layout problems related to float:left (covers sidebar), image display in add mode and z-index of the editor; apparently also XHR problems (doesn't load customized interface texts). <b>Script is disabled for Operas < 9.0</b>. Note that Opera 9 was introduced in 2006; Opera 8 dates back to 2005. Users should upgrade their browser. </td></tr> <tr> <td>QupZilla 1.6.6</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Windows 7 SP1 + Windows 2000 SP4 (VM) </td></tr> <tr> <td>Safari 4/Mac</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Safari 4.0.3 on OS X 10.5.8. </td></tr> <tr> <td>Safari 4/Win</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Safari 4.0 (530.17) on Win XP Pro, SP2 </td></tr> <tr> <td>Safari 3/Mac</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/15px-Symbol_question.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/23px-Symbol_question.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/30px-Symbol_question.svg.png 2x" data-file-width="180" data-file-height="185"/></span></span> Unknown</td> <td>Presumed <span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b> since working on Windows </td></tr> <tr> <td>Safari 3/Win</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Safari 3.2.3 (525.29) on Win XP Pro, SP2 </td></tr> <tr> <td>Safari 2/Mac</td> <td><span typeof="mw:File"><span title="Unknown"><img alt="Unknown" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/15px-Symbol_question.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/23px-Symbol_question.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/30px-Symbol_question.svg.png 2x" data-file-width="180" data-file-height="185"/></span></span> Unknown </td></tr> <tr> <td>Safari 2/Win</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Symbol_neutral_vote.svg/15px-Symbol_neutral_vote.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Symbol_neutral_vote.svg/23px-Symbol_neutral_vote.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Symbol_neutral_vote.svg/30px-Symbol_neutral_vote.svg.png 2x" data-file-width="180" data-file-height="185"/></span></span> <b>Don't care</b></td> <td>Early Safari versions for Windows are known to be buggy. We don't cater to broken browsers (well, except IE :-). Users should upgrade their browsers to Safari 3. </td></tr> <tr> <td>iCab < 4</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/20px-OOjs_UI_icon_close-ltr-destructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/30px-OOjs_UI_icon_close-ltr-destructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/OOjs_UI_icon_close-ltr-destructive.svg/40px-OOjs_UI_icon_close-ltr-destructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b>Not OK</b></td> <td>Doesn't load in iCab 3.0.5 on Mac OS X 10.5. </td></tr> <tr> <td>iCab ≥ 4</td> <td><span typeof="mw:File"><span title="Unknown"><img alt="Unknown" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/15px-Symbol_question.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/23px-Symbol_question.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/30px-Symbol_question.svg.png 2x" data-file-width="180" data-file-height="185"/></span></span> unknown</td> <td>Presumed <span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b> since it's working in Safari. </td></tr> <tr> <td>Epiphany (Gecko)</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Epiphany 2.26.1 (Gecko 1.9) on Ubuntu 9.10 Alpha 4 </td></tr> <tr> <td>Epiphany (WebKit)</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Epiphany 2.27.3 (libwebkit 1.1.10) on Ubuntu 9.10 Alpha 4 </td></tr> <tr> <td>Arora</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Arora 0.5 on Ubuntu 9.04 </td></tr> <tr> <td>Galeon</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Galeon 2.0.6 on Ubuntu 9.04 </td></tr> <tr> <td>Kazehakase</td> <td><span typeof="mw:File"><span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/20px-OOjs_UI_icon_check-constructive.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/30px-OOjs_UI_icon_check-constructive.svg.png 1.5x, https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/OOjs_UI_icon_check-constructive.svg/40px-OOjs_UI_icon_check-constructive.svg.png 2x" data-file-width="20" data-file-height="20"/></span></span> <b><bdi>OK</bdi></b></td> <td>Kazehakase 0.5.4 with Gecko backend on Ubuntu 9.04 </td></tr></tbody></table> <p>Additionally, the script has been tested in the standard (classic), nostalgia, chick, cologneblue, modern, and vector skins using Firefox. It should work in all skins. It has also been tested accessing the Commons through the secure server (using Firefox). </p><p>The script has also been tested with RTL ("right-to-left") languages, here at the Commons using "uselang=he" (Hebrew) and also locally at the Arabic Wikipedia. Both tests were run using Firefox 3.0.11 and IE6. </p><p>Like for many other scripts at WikiMedia projects, a <a rel="nofollow" class="external text" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html">DOM Level 2</a> compatible browser is a prerequisite. Ajax is used to get <a href="#User_interface_texts">localized interface texts</a>, to save or delete notes, and for the preview feature of the note editor. </p><p>If JavaScript is disabled, the script will of course not do anything. If JavaScript is enabled but Ajax is disabled, the script still displays existing notes on the image, but the user cannot modify or delete them, and it's also not possible to add new notes. </p><p>Although modifying notes (automatically editing the image description page) works <i>without</i> the <a href="https://www.mediawiki.org/wiki/API" class="extiw" title="mw:API">MediaWiki API</a>, the API is used for previews and for getting <a href="#User_interface_texts">localized interface texts</a>. On wikis where the API is disabled, the script may not work at all, or fail to show previews and localized interface texts. (The public WMF wikis, including the Wikipedias and the Commons, have the API enabled.) The script does <i>not</i> use the write API. Enabling the read API is sufficient. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Installing_ImageAnnotator_on_another_Wiki" data-mw-thread-id="h-Installing_ImageAnnotator_on_another_Wiki"><span data-mw-comment-start="" id="h-Installing_ImageAnnotator_on_another_Wiki"></span>Installing ImageAnnotator on another Wiki<span data-mw-comment-end="h-Installing_ImageAnnotator_on_another_Wiki"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=23" title="Edit section: Installing ImageAnnotator on another Wiki"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Image notes are only visible when the ImageAnnotator gadget is installed and activated (either by default for all users, or the viewing user has the gadget enabled). This means that notes added here at the Commons are not visible at other Wikis unless the gadget is installed there, too. </p><p>To install ImageAnnotator on a wiki, you need to be an administrator at that wiki. A <a href="/wiki/Help:Gadget-ImageAnnotator/Installation" title="Help:Gadget-ImageAnnotator/Installation">detailed installation guide</a> is available. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Limitations" data-mw-thread-id="h-Limitations"><span data-mw-comment-start="" id="h-Limitations"></span>Limitations<span data-mw-comment-end="h-Limitations"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=24" title="Edit section: Limitations"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li>If an image that has annotations is overwritten by a new version, existing annotations are only displayed if the size of the full version of the top image matches the size of the full image on which the notes were defined. To recover annotations, one will need to edit the image description page manually, adjusting image sizes and rectangle coordinates, or re-enter annotations.</li></ul> <ul><li>Editing and deleting notes only works on modern browsers if the XHTML of the edit page is valid. Normally, this should not be a problem, but during alpha testing, people were updating <a href="/wiki/MediaWiki:Copyrightwarning" title="MediaWiki:Copyrightwarning">MediaWiki:Copyrightwarning</a>, and sometimes that message generated invalid XHTML (improper nesting of tags, or spurious unclosed tags). When that happened, edits failed to save automatically.</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Frequently_asked_questions" data-mw-thread-id="h-Frequently_asked_questions"><span data-mw-comment-start="" id="h-Frequently_asked_questions"></span>Frequently asked questions<span data-mw-comment-end="h-Frequently_asked_questions"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=25" title="Edit section: Frequently asked questions"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ol><li><b>Can't image notes be stored on a subpage of the image page?</b> <dl><dd>No, they cannot. This was considered as an option when this feature was developed, but the idea was given up because <ol><li>edits to notes wouldn't show up on watchlists unless people also watched these subpages (currently, editing notes generate edits to the image description page itself, so they show up on watchlists if the image is watched);</li> <li>it would be technically <i>much</i> harder to detect edit conflicts and keep things in sync between the notes displayed and the notes stored;</li> <li>the script would need to load the subpage just to display the notes, and we'd like to keep the number of calls to the server at a minimum; and</li> <li>it would be harder to keep things in sync if and when image moves are (re-)enabled.</li></ol></dd> <dd>Note that you CAN use local annotations on an image subpage.</dd></dl></li> <li><b>Can we have note regions with other shapes than rectangles?</b> <dl><dd>No. JavaScript does not offer convenient drawing primitives. Rectangles are easy because HTML elements are all rectangular boxes, but anything else is either not possible at all in JavaScript or only with considerable difficulty using the <canvas> element of HTML5, but HTML5 is not supported by older browsers, and back then our pages were "XHTML 1.0 transitional" anyway. Older versions of Internet Explorer (up to IE8) do not support <canvas> out-of-the-box, though there are special extensions for it.</dd></dl></li> <li><b>Can we run the ImageAnnotator script in Wikipedias in order to see annotations there?</b> <dl><dd>Yes, you can. Make a local administrator install the gadget, possibly lobby first to get consensus from your local wiki community. A good way to roll out the gadget might be to install it first as a gadget, enabled only in the "File" namespace. If people like it and no problems occurred, enable it later for everyone. Finally consider switching on inline display of notes.</dd></dl></li> <li><b>Where can I test this feature?</b> <dl><dd>On your <a href="#Trying_it_out">personal image note sandbox page</a>.</dd></dl></li></ol> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Problems?" data-mw-thread-id="h-Problems?"><span id="Problems.3F"></span><span data-mw-comment-start="" id="h-Problems?"></span>Problems?<span data-mw-comment-end="h-Problems?"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=26" title="Edit section: Problems?"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Despite having been tested on a wide array of browsers, it is not impossible that this script has still errors or that it doesn't work as it should on some browsers. If you have any problems with this script, report them at <a href="/wiki/MediaWiki_talk:Gadget-ImageAnnotator.js" title="MediaWiki talk:Gadget-ImageAnnotator.js">MediaWiki talk:Gadget-ImageAnnotator.js</a>. </p><p>When reporting an error, always include the following information: </p> <ul><li>Which browser are you using? What version?</li> <li>Which other gadgets have you enabled?</li> <li>Which skin are you using (Monobook, Modern, Vector, other...)?</li> <li>What's your user interface language setting?</li> <li>What exactly did you do?</li> <li>If the error occurred when you were trying to save a note: were there any error messages in the editor's window?</li> <li>Were there any error messages displayed at the top of the page?</li> <li>If you have a modern browser that does have an "error console" of some sort: were there any errors reported there?</li></ul> <p>For the last three points: we of course also need to know what these messages said exactly. </p> <div class="mw-heading mw-heading3"><h3 id="Emergency_switch-off" data-mw-thread-id="h-Emergency_switch-off-Problems?"><span data-mw-comment-start="" id="h-Emergency_switch-off-Problems?"></span>Emergency switch-off<span data-mw-comment-end="h-Emergency_switch-off-Problems?"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=27" title="Edit section: Emergency switch-off"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>If you encounter severe problems, you can switch off <i>ImageAnnotator</i> by logging in and then setting a checkbox <i>disable the image annotations</i> in <a href="/wiki/Special:Preferences#preftab-8" title="Special:Preferences">Gadgets Preferences</a>. If you do so, you won't be able to see any image notes anymore: the script will not be executed. </p><p>If you feel the need to do this, please also make sure that you do report your problem at <a href="/wiki/MediaWiki_talk:Gadget-ImageAnnotator.js" title="MediaWiki talk:Gadget-ImageAnnotator.js">MediaWiki talk:Gadget-ImageAnnotator.js</a>, so that we have a chance of fixing it. We cannot fix problems that we don't even know about! </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Monitoring_edits" data-mw-thread-id="h-Monitoring_edits"><span data-mw-comment-start="" id="h-Monitoring_edits"></span>Monitoring edits<span data-mw-comment-end="h-Monitoring_edits"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=28" title="Edit section: Monitoring edits"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a class="external text" href="https://commons.wikimedia.org/w/index.php?title=Special:RecentChanges&limit=500&tagfilter=small+image+note">Image note edits creating very small note rectangles</a></li></ul> <p>Filter that was supposed to tag all image notes edits was disabled because it triggered too often, and the <a href="https://www.mediawiki.org/wiki/Extension:AbuseFilter" class="extiw" title="mw:Extension:AbuseFilter">extension</a> apparently isn't made for general edit tagging. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="See_also" data-mw-thread-id="h-See_also"><span data-mw-comment-start="" id="h-See_also"></span>See also<span data-mw-comment-end="h-See_also"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Help:Image-Annotator&action=edit&section=29" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Template:Annotated_picture_finder" title="Template:Annotated picture finder"><span style="font-family:monospace,monospace;">{{Annotated picture finder}}</span></a> : a tag for category headers, helping users to find annotated pictures within the category.</li> <li><a href="https://www.wikidata.org/wiki/User:Lucas_Werkmeister/Wikidata_Image_Positions" class="extiw" title="d:User:Lucas Werkmeister/Wikidata Image Positions">Wikidata Image Positions</a></li></ul>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://commons.wikimedia.org/w/index.php?title=Help:Image-Annotator&oldid=960838186">https://commons.wikimedia.org/w/index.php?title=Help:Image-Annotator&oldid=960838186</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Categories</a>: <ul><li><a href="/wiki/Category:ImageAnnotator" title="Category:ImageAnnotator">ImageAnnotator</a></li><li><a href="/wiki/Category:Commons_help" title="Category:Commons help">Commons help</a></li></ul></div></div> </div> </div> <div id="mw-navigation"> <h2>Navigation menu</h2> <div id="mw-head"> <nav id="p-personal" class="mw-portlet mw-portlet-personal vector-user-menu-legacy vector-menu" aria-labelledby="p-personal-label" > <h3 id="p-personal-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Personal tools</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-uls" class="mw-list-item active"><a class="uls-trigger" href="#"><span>English</span></a></li><li id="pt-anonuserpage" class="mw-list-item"><span title="The user page for the IP address you are editing as">Not logged in</span></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li><li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-createaccount" class="mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Help%3AImage-Annotator" title="You are encouraged to create an account and log in; however, it is not mandatory"><span>Create account</span></a></li><li id="pt-login" class="mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Help%3AImage-Annotator" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span>Log in</span></a></li> </ul> </div> </nav> <div id="left-navigation"> <nav id="p-namespaces" class="mw-portlet mw-portlet-namespaces vector-menu-tabs vector-menu-tabs-legacy vector-menu" aria-labelledby="p-namespaces-label" > <h3 id="p-namespaces-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Namespaces</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-help" class="selected mw-list-item"><a href="/wiki/Help:Image-Annotator" title="View the help page [c]" accesskey="c"><span>Help page</span></a></li><li id="ca-talk" class="mw-list-item"><a href="/wiki/Help_talk:Image-Annotator" rel="discussion" title="Discussion about the content page [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </nav> <nav id="p-variants" class="mw-portlet mw-portlet-variants emptyPortlet vector-menu-dropdown vector-menu" aria-labelledby="p-variants-label" > <input type="checkbox" id="p-variants-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-variants" class="vector-menu-checkbox" aria-labelledby="p-variants-label" > <label id="p-variants-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">English</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </nav> </div> <div id="right-navigation"> <nav id="p-views" class="mw-portlet mw-portlet-views vector-menu-tabs vector-menu-tabs-legacy vector-menu" aria-labelledby="p-views-label" > <h3 id="p-views-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Views</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected mw-list-item"><a href="/wiki/Help:Image-Annotator"><span>View</span></a></li><li id="ca-edit" class="mw-list-item"><a href="/w/index.php?title=Help:Image-Annotator&action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-history" class="mw-list-item"><a href="/w/index.php?title=Help:Image-Annotator&action=history" title="Past revisions of this page [h]" accesskey="h"><span>History</span></a></li> </ul> </div> </nav> <nav id="p-cactions" class="mw-portlet mw-portlet-cactions emptyPortlet vector-menu-dropdown vector-menu" aria-labelledby="p-cactions-label" title="More options" > <input type="checkbox" id="p-cactions-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-cactions" class="vector-menu-checkbox" aria-labelledby="p-cactions-label" > <label id="p-cactions-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">More</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </nav> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box"> <h3 >Search</h3> <form action="/w/index.php" id="searchform" class="vector-search-box-form"> <div id="simpleSearch" class="vector-search-box-inner" data-search-loc="header-navigation"> <input class="vector-search-box-input" type="search" name="search" placeholder="Search Wikimedia Commons" aria-label="Search Wikimedia Commons" autocapitalize="sentences" title="Search Wikimedia Commons [f]" accesskey="f" id="searchInput" > <input type="hidden" name="title" value="Special:MediaSearch"> <input id="mw-searchButton" class="searchButton mw-fallbackSearchButton" type="submit" name="fulltext" title="Search the pages for this text" value="Search"> <input id="searchButton" class="searchButton" type="submit" name="go" title="Go to a page with this exact name if it exists" value="Go"> </div> </form> </div> </div> </div> <div id="mw-panel" class="vector-legacy-sidebar"> <div id="p-logo" role="banner"> <a class="mw-wiki-logo" href="/wiki/Main_Page" title="Visit the main page"></a> </div> <nav id="p-navigation" class="mw-portlet mw-portlet-navigation vector-menu-portal portal vector-menu" aria-labelledby="p-navigation-label" > <h3 id="p-navigation-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Navigate</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-welcome" class="mw-list-item"><a href="/wiki/Commons:Welcome"><span>Welcome</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Commons:Community_portal" title="About the project, what you can do, where to find things"><span>Community portal</span></a></li><li id="n-village-pump" class="mw-list-item"><a href="/wiki/Commons:Village_pump"><span>Village pump</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Special:MyLanguage/Help:Contents" title="The place to find out"><span>Help center</span></a></li> </ul> </div> </nav> <nav id="p-participate" class="mw-portlet mw-portlet-participate vector-menu-portal portal vector-menu" aria-labelledby="p-participate-label" > <h3 id="p-participate-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Participate</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-uploadbtn" class="mw-list-item"><a href="/wiki/Special:UploadWizard"><span>Upload file</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-latestfiles" class="mw-list-item"><a href="/wiki/Special:NewFiles"><span>Latest files</span></a></li><li id="n-randomimage" class="mw-list-item"><a href="/wiki/Special:Random/File" title="Load a random file [x]" accesskey="x"><span>Random file</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Commons:Contact_us"><span>Contact us</span></a></li> </ul> </div> </nav> <nav id="p-tb" class="mw-portlet mw-portlet-tb vector-menu-portal portal vector-menu" aria-labelledby="p-tb-label" > <h3 id="p-tb-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Tools</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Help:Image-Annotator" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Help:Image-Annotator" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Help:Image-Annotator&oldid=960838186" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Help:Image-Annotator&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FHelp%3AImage-Annotator"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FHelp%3AImage-Annotator"><span>Download QR code</span></a></li> </ul> </div> </nav> <nav id="p-coll-print_export" class="mw-portlet mw-portlet-coll-print_export vector-menu-portal portal vector-menu" aria-labelledby="p-coll-print_export-label" > <h3 id="p-coll-print_export-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Print/export</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Special:Book&bookcmd=book_creator&referer=Help%3AImage-Annotator"><span>Create a book</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=Help%3AImage-Annotator&action=show-download-screen"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Help:Image-Annotator&printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </nav> <nav id="p-wikibase-otherprojects" class="mw-portlet mw-portlet-wikibase-otherprojects emptyPortlet vector-menu-portal portal vector-menu" aria-labelledby="p-wikibase-otherprojects-label" > <h3 id="p-wikibase-otherprojects-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">In other projects</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </nav> <nav id="p-lang" class="mw-portlet mw-portlet-lang vector-menu-portal portal vector-menu" aria-labelledby="p-lang-label" > <h3 id="p-lang-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">In Wikipedia</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:NewItem?site=commonswiki&page=Help%3AImage-Annotator" title="Add interlanguage links" class="wbc-editpage">Add links</a></span></div> </div> </nav> </div> </div> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 23 November 2024, at 15:37.</li> <li id="footer-info-copyright">Files are available under licenses specified on their description page. All structured data from the file namespace is available under the <a rel="nofollow" class="external text" href="https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC0 License</a>; all unstructured text is available under the <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. By using this site, you agree to the <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a> and the <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy Policy</a>.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Commons:Welcome">About Wikimedia Commons</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Commons:General_disclaimer">Disclaimers</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/commons.wikimedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//commons.m.wikimedia.org/w/index.php?title=Help:Image-Annotator&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> <script>(RLQ=window.RLQ||[]).push(function(){mw.log.warn("This page is using the deprecated ResourceLoader module \"codex-search-styles\".\n[1.43] Use a CodexModule with codexComponents to set your specific components used: https://www.mediawiki.org/wiki/Codex#Using_a_limited_subset_of_components");mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-lt4nx","wgBackendResponseTime":108,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Trying_it_out","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-How_to_add_informative_notes","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-User_interface","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Display_of_image_annotations-User_interface","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Adding_a_new_annotation-User_interface","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Editing_a_note-User_interface","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Deleting_a_note-User_interface","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-User_rights-User_interface","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Local_annotations","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Inline_display_of_annotations","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Rectangle_colors","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Settings_for_a_particular_image_use","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Site-wide_configuration","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-User_configurations","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Setting_the_edit_box_width-User_configurations","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Setting_the_zoom_activation-User_configurations","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Switching_off_note_display_on_image_uses-User_configurations","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Switching_off_the_prompt_for_a_deletion_reason-User_configurations","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-User_interface_texts","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Edit_summaries-User_interface_texts","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Translation_pleas-User_interface_texts","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Browser_compatibility","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Installing_ImageAnnotator_on_another_Wiki","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Limitations","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Frequently_asked_questions","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Problems?","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Emergency_switch-off-Problems?","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Monitoring_edits","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.035"},"limitreport":{"cputime":"0.240","walltime":"0.409","ppvisitednodes":{"value":3798,"limit":1000000},"postexpandincludesize":{"value":37767,"limit":2097152},"templateargumentsize":{"value":3782,"limit":2097152},"expansiondepth":{"value":11,"limit":100},"expensivefunctioncount":{"value":44,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":4478,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 281.643 1 -total"," 62.51% 176.064 2 MediaWiki:ImageAnnotatorUITexts"," 11.61% 32.693 1 Template:Header"," 10.57% 29.775 1 Template:Header/layout"," 8.57% 24.125 13 Template:Tl"," 7.86% 22.150 1 Template:Header/i18n"," 7.52% 21.172 13 Template:T/main"," 6.93% 19.514 3 Template:LangSwitch"," 6.47% 18.221 1 MediaWiki:Filehist-revert/fr"," 5.97% 16.802 1 Help:Gadget-ImageAnnotator/Compatibility"]},"scribunto":{"limitreport-timeusage":{"value":"0.007","limit":"10.000"},"limitreport-memusage":{"value":709204,"limit":52428800}},"cachereport":{"origin":"mw-api-ext.codfw.main-7556f8b5dd-4rgxr","timestamp":"20241123153743","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>