How to Upload Image to Mediawiki and Link to Page

Y'all can upload files through MediaWiki and embed them in textual pages. In other words, to embed an epitome, the epitome file has to be uploaded. As well other files can be uploaded, see beneath. In earlier versions of MediaWiki, the term "prototype" was used for any uploaded file; the current version uses the term (and namespace) "file:" or "media:" instead.

When a file is uploaded, a file page (also called "prototype description page") will be created, with a folio name consisting of the file name (including extension), prefixed with "File:" (or in general the value of variable {{ns:File}} (MediaWiki 1.xiv or following) or {{ns:Epitome}} (MediaWiki 1.13 or earlier).

Media files similar images tin be embedded into text using the regular internal link syntax. Images can also be resized to fit better within the page, see below.

A grouping of wikis may accept designated one "preferred wiki" to upload files to, with sharing of those files enabled. Amidst Wikimedia wikis, Wikimedia Commons works for this. If images are uploaded to Wikimedia Commons, they can be used in all Wikimedia wikis. Images uploaded on some other wiki (due east.g. Wikipedia) can only be used in pages of that wiki. Thus this should be done but if there is a special reason for it, such equally locally replacing an image from Commons with a local version without changing the links.

Images can likewise exist produced past the arrangement from specifications in wikitext:

Formulas (e.thousand. $n^{2}=\sum _{g=1}^{n}(2k-1)$ produced by <math>n^2 = \sum_{grand=1}^n(2k-i)</math>.)
Timelines, navigational maps, etc. (e.g. Soviet Leaders)
Thumbnails of uploaded images (e.chiliad. A steam locomotive, at File:LBNGR_MR740_05-09-11.jpeg) (saves bandwidth and rendering time compared with letting the browser do the reduction)

Supported file types [edit]

By default, MediaWiki only allows you to upload certain types of files (extensions gif, jpg, jpeg, ogg and png). This is managed past the orders in includes/DefaultSettings.php [1]:

                        /**                          * This is the list of preferred extensions for uploading files. Uploading files                          * with extensions not in this list will trigger a warning.                          */            $wgFileExtensions            =            array            (            'png'            ,            'gif'            ,            'jpg'            ,            'jpeg'            ,            'doc'            ,            'docx'            ,            'xls'            ,            'xlsx'            ,            'pdf'            );            /** Files with these extensions will never be allowed as uploads. */            $wgFileBlacklist            =            array            (            # HTML may contain cookie-stealing JavaScript and web bugs            'html'            ,            'htm'            ,            'js'            ,            'jsb'            ,            'mhtml'            ,            'mht'            ,            # PHP scripts may execute arbitrary lawmaking on the server            'php'            ,            'phtml'            ,            'php3'            ,            'php4'            ,            'php5'            ,            'phps'            ,            # Other types that may be interpreted by some servers            'shtml'            ,            'jhtml'            ,            'pl'            ,            'py'            ,            'cgi'            ,            # May contain harmful executables for Windows victims            'exe'            ,            'scr'            ,            'dll'            ,            'msi'            ,            'vbs'            ,            'bat'            ,            'com'            ,            'pif'            ,            'cmd'            ,            'vxd'            ,            'cpl'            );            /** Files with these mime types volition never be allowed as uploads                          * if $wgVerifyMimeType is enabled.                          */            $wgMimeTypeBlacklist            =            array            (            # HTML may contain cookie-stealing JavaScript and web bugs            'text/html'            ,            'text/javascript'            ,            'text/x-javascript'            ,            'application/x-shellscript'            ,            # PHP scripts may execute arbitrary code on the server            'application/10-php'            ,            'text/x-php'            ,            # Other types that may be interpreted by some servers            'text/x-python'            ,            'text/10-perl'            ,            'text/ten-bash'            ,            'text/x-sh'            ,            'text/x-csh'            ,            # Windows metafile, client-side vulnerability on some systems            'awarding/x-msmetafile'            );            /** This is a flag to determine whether or non to check file extensions on upload. */            $wgCheckFileExtensions            =            false            ;            /**                          * If this is turned off, users may override the alarm for files not covered                          * past $wgFileExtensions.                          */            $wgStrictFileExtensions            =            truthful            ;            /** Warn if uploaded files are larger than this (in bytes), or false to disable*/            $wgUploadSizeWarning            =            simulated            ;

Take in to account that there is a blacklist of file extensions and mime types. For reasons of security, executable programs are not allowed by default. Too some file types that could exist uploaded in the past can no longer exist uploaded, but the files already uploaded tin can nonetheless be used.

SVG images uploaded before can be linked to, but not be directly embedded, eastward.1000. Media:Wikipedia3fnlc1.svg (image description page) - run across too 1000:SVG image back up.

For videos run into g:Video policy.

Uploading [edit]

To upload a file, in full general, go to Commons, log in in that location, and upload the file using the upload link eatables:Special:Upload. In the menu on the left under "toolbox" you volition accept a link named "Upload file". If yous want to upload the file to 1 of the other wikis, you lot can follow the aforementioned steps as at Commons, but exist sure to refer to the local guidelines.

Earlier uploading delight ensure that you have rights to upload and redistribute the file(s) in question, and that they comply with any further licensing requirements of the Wikimedia Eatables projection and other criteria for inclusion. Please note that as with wiki pages, others may edit or delete your uploads if they recall it serves the project, and you may be blocked from uploading if yous abuse the system.

The preferred formats are JPEG for photographic images with millions of colors and shades; PNG for fixed-color pixelated images such as icons; SVG for structured drawings, logos; and OGG for sound.

One time you become to the upload page, on most browsers, you will see a "Browse..." button, which will bring upward your operating system'south standard file open dialog. Choosing a file will fill the name of that file into the text field next to the button. Upload the file under a suitable name, because renaming the file after uploading is not possible. The file name doesn't demand to be the aforementioned as the file proper name stored on your computer. Please proper noun your files descriptively to avoid defoliation and make certain that the file name has the proper extension. Consider using the first xx characters of the image proper noun for equally much meaty information as possible, since only these are usually shown on category pages. The file names are example-sensitive (this applies even for the file name extension), except, in most wikis, for the first character.

When choosing a proper noun for a file on Commons, do not utilise a proper name that is already in use on whatever project on which the file may be used. This is because a file on Eatables with the same name as the ane on the local is non accessible for embedding in the local projection. Yet, if the new file on Commons should supervene upon the local ones, and the local ones will therefore be deleted, you may use the same name.

You must also cheque the box affirming that you are non violating whatever copyrights past uploading the file. Press the "Upload file" push to finish the upload. This may take some fourth dimension if you have a deadening internet connexion.

When a file is uploaded with the same name every bit an existing one, the old one is replaced, and the system will warn confronting overwriting. When a media file is replaced past uploading a new one with the same name (e.g. an epitome in an article is replaced), this does not prove upwardly in the page history of the commodity, nor in the Related changes of the article, nor in the revision history of the image description page (unless the description section is also inverse). However, it is recorded in the Image History section of the image clarification page, and it changes yard:Upload log. Therefore, to sentry changes in images in an article, it is not sufficient to watch the article itself. Watching the image clarification pages will assist you find the change in the file (from MediaWiki 1.13).

Protection of an image folio is automatically also protection of the prototype itself: i.e. a new image nether the name of the existing image can only exist uploaded by a sysop.

When replacing or deleting a file on Eatables, all projects that use the file are affected. Therefore it is important that the image page on Commons is linked to the local image pages of that file on all projects that use it. On these, even if they accept never been created explicitly and therefore have an empty editable part, the "file links" section shows the local pages that use the file.

See commons:Commons:Kickoff steps for more than particular.

Special:Imagelist provides the aforementioned information as the Upload log, but it uses the user's local time instead of the default time (set up to Coordinated Universal Fourth dimension for Wikimedia projects). In add-on information technology gives the file sizes. Further it allows loading of portions and sorting past size in addition to sorting past date, and it has non but links to the image description pages, merely besides straight to the images.

Embedding internal files [edit]

To embed an internal file in a text, you just have to specify its file name with the internal link syntax ([[ ]]). Thus, [[image:tst.png]] gives .

Here, "internal" refers to both the aforementioned project and Commons. An image name is assumed to refer to the one in the same project if information technology exists there, otherwise to one on Commons. If neither exists a link to the upload folio appears, with class="new" ("red link"). The link is rendered the same as one to the edit page of the non-existing image page, except that the erstwhile shows the approved grade of the pagename.

Simply images proper tin be automatically presented, sound is not automatically played.

An embedded internal image automatically links to the prototype page, which shows the total paradigm, or, depending on preferences, a reduced version with a link to the full version. The page also provides info about the image.

Images on MediaWiki:Bad prototype list cannot be embedded; they appear every bit a regular link to the image page. Exceptions to allow a listed prototype on particular relevant manufactures can be added. See, for instance, w:en:MediaWiki:Bad epitome list.

Options [edit]

The internal-link style markup for embedding a file can take various options separated with a piping graphic symbol ("|"). In brief, they are [[Image:{name}|{type}|{location}|{size}|{upright}|{border}|{caption}]].

Type: 'thumb' or 'frame'. Causes epitome to be displayed with specific formatting (see below).
Location: 'left', 'correct', 'center' or 'none'. Determines placement of the prototype on the page.^[1] Defaults to 'right' if the type is 'thumb' or 'frame'. The combination thumb and none can be useful in a tabular array, to permit a explanation but reduce the space effectually the prototype. Text that follows the paradigm with location left or correct floats, in the instance of eye or none information technology does not (if necessary, reduce the browser window width to meet this in the examples). An epitome without the specification pollex or frame, and without location specified (not even none) is displayed inline.
Size: {width}px or {width}x{height}px, reduces or enlarges an epitome without specified type, reduces an epitome if thumb is specified. Even if width and height are specified the image will keep its original aspect ratio: either the width or the top will be equal to the specified maximum, whichever allows the other to be no larger than the maximum.
Upright: for use merely on images that are taller than they are broad. Adjusts a thumbnail's size to factor times the default thumbnail size, rounding the consequence to the nearest multiple of x pixels. For instance, "upright=1.5" makes the image larger, which is useful for maps or schematics that demand to be larger to be readable. As a guide "upright=one" is the same width as a standard thumbnail, and "upright=0.75" is the same as using "upright" alone.
Edge: adds a border around the paradigm.
Link: To allow an image to link to an capricious title, URL or just nowhere.
Alt: See w:wp:Alternative text for images.
Caption: Whatsoever element which cannot be identified equally 1 of the above is assumed to exist caption text. If there is more than than i the terminal one is constructive, even if it'due south an empty string. Specifying a caption parameter is strongly recommended for the sake of accessibility. Images without type practise not have a caption, the caption parameter becomes a "championship"-attribute, which is shown in the hoverbox. A real caption can incorporate links.

In the case of a non-existing epitome, a link to the upload page is provided. If blazon has been specified this is still practical, with the caption. Location is also applied. Remaining elements, even prototype size, are treated like caption: the concluding one of any of these is constructive as label of the upload link.

Single pipes inside a pair of double rectangular brackets, such as in link and epitome syntax, are shielded by these brackets from being interpreted every bit table syntax. Yet, this does not apply to consecutive pipes, which might occur in the expanded wikitext for image syntax if an optional parameter is non applicable. Thus in the case of an optional parameter, make the pipe optional too. A piping in eastward.g. the then- or else part of a conditional parser part tin can be coded equally {{!}}, due to Template:!. Alternatively, add an unconditional space in the image syntax: a pipe-infinite-pipage combination is not a double pipage, then not taken as table syntax, while a parameter position containing just a space is ignored in the interpretation of the prototype syntax.

In cases where text floats around the image, use <br clear="all" />, or on projects that take Template:Clr or Template:- {{clr}} or {{-}} to keep beneath the image(southward).

An image tin can be in-line, a floating cake, or like a paragraph (i.e., without text on the sides).

Inline [edit]

a[[Epitome:Tst.png|x]]b → ab [two]

a[[Prototype:Tst.png|5px|x]]b → ab [3]

a[[Image:Tst.png|20px|10]]b → ab [4]

The default thumbnail width (also applicable to frameless) tin can be gear up in the preferences, so typically it is better not to specify "px". Either manner, showing an enlargement of the stored image is not possible.

a[[Image:Tst.png|frameless|ten]]b → ab [five]

a[[Paradigm:Tst.png|frameless|5px|x]]b → ab [six]

a[[Image:Tst.png|frameless|20px|x]]b → ab [7]

Floating, neither pollex nor frame [edit]

With the differences mentioned above, this applies to frameless too.

a[[Image:Tst.png|left|x]]b → a

b [8]

a[[Prototype:Tst.png|left|5px|10]]b → a

b [nine]

a[[Epitome:Tst.png|left|20px|10]]b → a

b [10]

a[[Epitome:Tst.png|right|x]]b → a

b [11]

a[[Image:Tst.png|right|5px|x]]b → a

b [12]

a[[Prototype:Tst.png|right|20px|ten]]b → a

b [13]

Blank on the side(due south), neither thumb nor frame [edit]

With the differences mentioned above, this applies to frameless too.

a[[Epitome:Tst.png|center|x]]b → a

b [14]

a[[Image:Tst.png|center|5px|x]]b → a

b [15]

a[[Image:Tst.png|middle|20px|x]]b → a

b [xvi]

a[[Prototype:Tst.png|none|x]]b → a

b [17]

a[[Epitome:Tst.png|none|5px|x]]b → a

b [18]

a[[Epitome:Tst.png|none|20px|ten]]b → a

b [19]

Floating, pollex with explanation [edit]

Both the image itself and an "enlarge" icon in the frame links to the image page.

a[[Epitome:Tst.png|thumb|10]]b → a

b [xx]

a[[Epitome:Tst.png|thumb|5px|x]]b → a

b [21]

a[[Prototype:Tst.png|pollex|left|x]]b → a

b [22]

a[[Image:Tst.png|thumb|left|5px|x]]b → a

b [23]

a[[Epitome:Tst.png|thumb|right|x]]b → a

b [24]

a[[Image:Tst.png|thumb|right|5px|x]]b → a

b [25]

Blank on the side(south), thumb with explanation [edit]

a[[Image:Tst.png|thumb|center|x]]b → a

b [26]

a[[Image:Tst.png|pollex|center|5px|ten]]b → a

b [27]

a[[Image:Tst.png|thumb|none|x]]b → a

b [28]

a[[Image:Tst.png|thumb|none|5px|x]]b → a

b [29]

Limitation of thumb [edit]

Similar with frameless, showing an enlargement of the stored image is not possible, for example:

a[[Image:Tst.png|thumb|20px|x]]b → a

b [30]

Floating, frame with caption [edit]

a[[Prototype:Tst.png|frame|x]]b → a

ten

b [31]

a[[Image:Tst.png|frame|left|ten]]b → a

b [32]

a[[Image:Tst.png|frame|right|x]]b → a

b [33]

Blank on the side(s), frame with caption [edit]

a[[Image:Tst.png|frame|center|x]]b → a

b [34]

a[[Image:Tst.png|frame|none|x]]b → a

ten

b [35]

Limitation of frame [edit]

Display in other than the stored size is non possible, for instance:

a[[Prototype:Tst.png|frame|5px|10]]b → a

ten

b [36]

a[[Image:Tst.png|frame|20px|x]]b → a

b [37]

Multiple images with floating text [edit]

a[[paradigm:tst.png|left|10]]b[[prototype:tst.png|left|x]]c → a

c [38]

ten

c [39]

ten

c [40]

Link [edit]

Past default an epitome is linked to its image page: [[Paradigm:Tst.png|ten]] → [41]

The link parameter tin can modify this.

Important note: This should only be used with images that don't crave attribution (mostly public domain images). Other images must link to the image description page, otherwise they violate copyrights.

Note: This (appears to) work only with non-thumbnailed images.

The methods in a higher place practice not work with some versions with thumb and caption. Instead try brackets;

[[Image:Pic.jpg|thumb|caption [link=http://google.com/] ]]

Without link the caption parameter does not work: [[Prototype:Tst.png|link=|x]] → [46]

Gallery [edit]

The gallery-tag is a quick mode to show thumbnails in a number of columns. The images volition have a single stock-still width. The gallery-tag also allows text to have the position of an epitome. The resulting HTML is that of a table with grade="gallery", with cells with class="gallerybox".

Each entry is of the form File:image proper name or File:image name|explanation, possibly with links .

A championship to the gallery tin can be given with the caption= attribute, which may incorporate wikilinks but not external links. The number of images per row can be set past the perrow= attribute; the default is four. The width and height per image (the widths= and heights= attributes) can be set too. If both are unset, they default to 120px. If yous simply set the width, the height never exceeds 120px, and vice versa. The height of the caption depends on the image width and varies per image with the length of the explanation. The height of each table row is the maximum height needed in that row for an image with a explanation.

Example (notation that "File:" is optional, and that |link= can be used to make the epitome a link to a specified location, instead of to the epitome):

                        <gallery            explanation=            "Sample gallery"            widths=            "100px"            heights=            "100px"            perrow=            "6"            >            File:Drenthe-Position.png|[[westward:Drenthe|Drenthe]], the least crowded province File:Flevoland-Position.png File:Friesland-Position.png|[[west:Friesland|Friesland]] has many lakes File:Gelderland-Position.png File:Groningen-Position.png File:Limburg-Position.png File:Noord_Brabant-Position.png File:Noord_Holland-Position.png Overijssel-Position.png Utrecht-Position.png Zuid_Holland-Position.png|[[w:South Holland|South The netherlands]], the almost crowded province Zeeland-Position.png|link=nl:Zeeland (provincie)            </gallery>

gives:

Sample gallery
Drenthe, the to the lowest degree crowded province

Annotation that for SVG images that use <switch>, the language can be specified:

                        <gallery>            Gerrit patchset 25838 test.svg|English<br/>(default for this image) Gerrit patchset 25838 test.svg|lang=de|Deutsch (German) Gerrit patchset 25838 test.svg|lang=es|español (Castilian) Gerrit patchset 25838 test.svg|lang=fr|français (French) Gerrit patchset 25838 examination.svg|lang=it|italiano (Italian) Gerrit patchset 25838 examination.svg|lang=no|norsk (Norwegian) Gerrit patchset 25838 test.svg|lang=pt|português (Portuguese) Gerrit patchset 25838 test.svg|lang=sv|svensk (Swedish)            </gallery>

gives:

English language
(default for this prototype)
Deutsch (High german)
español (Spanish)
français (French)
italiano (Italian)
norsk (Norwegian)
português (Portuguese)
svensk (Swedish)

Galleries past templates [edit]

tin be used just in the Commons environment:

{{F}} Run across the template description how to use information technology
{{Thou}} the Gallery tag, with some useful options and defaults

Galleries in categories [edit]

A gallery of images on a category page is automatically shown as the quaternary section of this category page. The first 20 characters of the prototype name are shown, with dots if that is not the total name. Both the image and the name link to the image page, instead of just the image. No culling text or other links are possible. The file size is also shown.

For a comparison, see commons:Category:William-Adolphe Bouguereau and commons:William-Adolphe Bouguereau.

Images in a tabular array [edit]

Using table syntax, with images in separate cells, and the prototype syntax explained elsewhere on this page, gives more than control over size, layout, captions, etc. than each of the two methods to a higher place. Notwithstanding, only a category page automatically gives file sizes.

Example of an paradigm table:

            {| edge="ane" |+'''Provinces of holland''' |- | valign="top"| [[File:Drenthe-Position.png|thumb|left|150px|[[w:Drenthe|Drenthe]], the least crowded province]] | valign="bottom"| [[File:Flevoland-Position.png|pollex|left|100px|]] | valign="top"| [[File:Friesland-Position.png|pollex|left|100px|]] |- | |- | valign="top"| [[File:Gelderland-Position.png|pollex|left|100px|]] | valign="peak"| [[File:Zuid_Holland-Position.png|thumb|left|100px|[[w:S The netherlands|South Holland]], the about crowded province]] | valign="meridian"| [[File:Utrecht-Position.png|thumb|left|50px|]] |}

gives:

**Provinces of holland**
Drenthe, the least crowded province

	South Holland, the most crowded province

Notation that, with this method, each image has a width specified by the size option, if any, and a height depending on whether in that location is caption or not, and how long the caption is. The width of a cavalcade is adamant by the widest prototype in it, and the summit of the row is determined past the tallest epitome in information technology.

The parameters |left and |right may give complications inside a table (and may not exist needed anyway), depending on the browser. In IE the first tabular array sometimes (!) displays text through the image:

{| border="1" | [[File:Crystal_Clear_app_clock.png|left]] |abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz |}

Crystal Clear app clock.png

abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz

{| border="1" | [[File:Crystal_Clear_app_clock.png]] |abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz |}

abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz

Way parameter [edit]

-- MediaWiki (MW) 1.22 and subsequently --

Starting in i.22 a fashion parameter is bachelor, taking options as follows:

traditional is the original gallery type used by MediaWiki.
nolines is similar to traditional, just without border lines.
packed also omits edge lines, but displays images larger – to the full height of the row, and with picayune space between them – giving them the same height, but causing different width images, instead of showing them organized in columns. The rows in this responsive mode organize themselves according to the width of the screen.
packed-overlay shows the caption overlaid on the prototype, in a semi-transparent white box.
packed-hover is similar to packed-overlay, just with the caption and box only showing up on hover.
slideshow creates a slideshow of the images.

For example:

            <gallery style="packed-hover"> Image:Astronotus_ocellatus.jpg|''            [[commons:Astronotus ocellatus|Astronotus ocellatus]]            ''            (Oscar) Image:Salmonlarvakils.jpg|''            [[commons:Salmo salar|Salmo salar]]            ''            (Salmon Larva) Image:Georgia Aquarium - Giant Grouper.jpg|''            [[commons:Epinephelus lanceolatus|Epinephelus lanceolatus]]            ''            (Giant grouper) Image:Pterois volitans Manado-east.jpg|''            [[commons:Pterois volitans|Pterois volitans]]            ''            (Cherry Lionfish) Prototype:Macropodus opercularis - front end (aka).jpg|''            [[commons:Macropodus opercularis|Macropodus opercularis]]            ''            (Paradise fish) Image:Canthigaster valentini 1.jpg|''            [[commons:Canthigaster valentini|Canthigaster valentini]]            ''            (Valentinni'due south sharpnose puffer) Epitome:Flughahn.jpg|[[Image:POTY ribbon 2007.svg|25px]]            ''            [[commons:Dactylopterus volitans|Dactylopterus volitans]]            ''            (Flying gurnard) Image:Fishmarket 01.jpg|''            [[commons:Semicossyphus pulcher|Semicossyphus pulcher]]            ''            (California Sheephead) Image:Pseudorasbora parva(edited version).jpg|''            [[commons:Category:Pseudorasbora parva|Pseudorasbora parva]]            ''            (Topmouth gudgeon) Image:MC Rotfeuerfisch.jpg|''            [[commons:Category:Pterois antennata|Pterois antennata]]            ''            (Antennata Lionfish) Prototype:Cleaning station konan.jpg|''            [[commons:Novaculichthys taeniourus|Novaculichthys taeniourus]]            ''            Epitome:Synchiropus splendidus 2 Luc Viatour.jpg|''            [[commons:Synchiropus splendidus|Synchiropus splendidus]]            ''            (Mandarin fish) File:Psetta maxima Luc Viatour.jpg|''            [[eatables:Psetta maxima|Psetta maxima]]            ''            (Turbot) File:Australian blenny.jpg|''            [[commons:Category:Ecsenius|Ecsenius axelrodi]]            ''            </gallery>

Gives (manner: packed-hover):

Examples of the other modes:

mode="traditional"

mode="nolines"

manner="packed"

manner="packed-overlay"

MW ane.28 and after fashion="slideshow"

Linking [edit]

To link to an uploaded file, east.g. Flag of Somalia.svg, apply [[Media:Flag of Somalia.svg]] instead of [[Image:Flag of Somalia.svg]], giving Media:Flag of Somalia.svg; to link to the image clarification folio, use [[:Image:Flag of Somalia.svg]], giving Paradigm:Flag of Somalia.svg (the first colon is not displayed). In the case of non-image uploads, due east.g. office files (if immune by the arrangement), the keyword 'media' is used even though office documents are not typically classed as media, in the context of sound/video etc.

Piped links work equally usual. Existence detection, with a link to the edit page if the page does not exist, works equally usual, only is applicative for the image page, not the file.

Interwiki linking fashion gives a link to the image folio. If interlanguage links would exist applicable, utilise a colon in front of the language code, e,one thousand. [[:de:Bild:Europa-Pos.png]], to avoid the link being put in the margin. For embedding (if possible, encounter below) and linking to the file itself, use external link fashion.

External link syntax is as usual. All the same, if you desire a link to an image proper on a page of a project that allows embedded external images, utilize a bracketed link syntax and non only the URL, to foreclose embedding.

Beneath i can see the result of the three types of internal link mode and external link mode on this project. To test this in another project, copy the wikitext in that location. If applicative, cheque also the interlanguage links at the margin of the folio. Note that some links get to the prototype clarification page, others just to the image itself.

[[Image:Gelderland-Position.png]]
[[:Paradigm:Gelderland-Position.png]]Image:Gelderland-Position.png
[[Media:Gelderland-Position.png]]Media:Gelderland-Position.png
external, with label: [http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png Gelderland] Gelderland
external, footnote way: [http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png] [47]
external, just the URL: http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png

Navigational maps [edit]

Navigational maps similar [48] have map areas linked to pages. The html with <area> tags tin not be put in the wikitext. Withal, there are the following possibilities:

With ImageMap (MW 1.9+) you tin define areas in an image and link to wiki pages when clicking on that area.
EasyTimeline allows the cosmos of an image and a page embedding that epitome, with rectangular map areas defined by <area> tags in the html. The championship of a link to a not-internal folio is just the domain name, e.g. "en.wikipedia.org/..". The length and width of the rectangle tin can non exist controlled, except that it depends on the length of the link characterization and its font size. In instance of overlap of rectangles one has to look at the hoverbox or statusbar to avoid following the wrong link. In instance of much overlap it may non be possible to use all links.
One can divide an paradigm in rectangles, like in these chess and go positions, or superimpose an surface area with images (see above) and link each rectangle/epitome to the desired target by means of a redirect on the image folio (provided that the target is internal).

Meet also:

Assist:Composite images - Allows superimposing a linked text onto an epitome.
Map of Downtown Ottawa, w:Wellington Street.

Example using ImageMap [edit]

Case:

                        <imagemap>            Prototype:Sudoku dot note.png|300px circle  320  315 165 [[w:1|one]] circle  750  315 160 [[w:ii|2]] circle 1175  315 160 [[w:3|3]] circumvolve  320  750 160 [[westward:four|iv]] circle  750  750 160 [[w:5|5]] circle 1175  750 160 [[westward:half-dozen|6]] circle  320 1175 160 [[west:7|7]] circle  750 1175 160 [[w:8|8]] circle 1175 1175 160 [[w:9|nine]] default [[westward:Number|Number]]            </imagemap>

Output of this example:

About this image

See also:

en:Category:Wikipedia epitome maps
nl:Categorie:Wikipedia:Imagemap

Examples using EasyTimeline [edit]

Example 1

<timeline> ImageSize  = width:400 height:150 PlotArea   = width:400 height:150 left:0 lesser:0 TimeAxis  = orientation:vertical # dummy, required Period    = from:0 till:1 # dummy, required Ascertain $s = fontsize:Xl TextData  =   pos:(fifty,120) $south text:[http://en.wikipedia.org/wiki/Leiden|o Leiden]   pos:(150,110) $s text:[http://en.wikipedia.org/wiki/Alphen%20aan%20den%20Rijn|o Alphen aan den Rijn]   pos:(10,80) $south text:[http://en.wikipedia.org/wiki/The%20Hague|o The Hague]   pos:(50,forty) $s text:[http://en.wikipedia.org/wiki/Rotterdam|o Rotterdam] </timeline>

gives

Example ii

<timeline> Preset     = TimeHorizontal_AutoPlaceBars_UnitYear ImageSize = width:500 barincrement:50 Period     = from:0 till:12 BarData=   bar:a   bar:b   bar:c Ascertain $s = fontsize:40 BackgroundColors = canvas:white PlotData=   width:xx   shift:(45,-v)   bar:a from:three till:four $south text:[http://en.wikipedia.org/wiki/Leiden|Leiden]   bar:a  from:6 till:seven $s text:[http://en.wikipedia.org/wiki/Alphen%20aan%20den%20Rijn|Alphen aan den Rijn]   bar:b  from:1 till:2 $s text:[http://en.wikipedia.org/wiki/The%20Hague|The Hague]   bar:c  from:three till:4 $s text:[http://en.wikipedia.org/wiki/Rotterdam|Rotterdam] </timeline>

gives

Alternatives [edit]

Some attempts for other alternatives (annotation the hover boxes):

Ascii art map, with both the city outline and the label clickable:

          x    xxx Leiden     x   xx xxxx The Hague xxx          twenty        xxxxx Rotterdam         xxxx

When external images can be embedded:

The HTML titles are "w: Leiden", etc., the alt attribute is "Tst.png". Opera shows the title in the hoverbox, and too the url, IE only shows the titles.

With labels:

	http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png Leiden
http://upload.wikimedia.org/wikipedia/commons/two/27/Tst.png The Hague
	http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png Rotterdam

Run into too k:Maps, grand:Maps' clickability.

For using an image every bit a link to another document, see Assist:Navigational image. For more than possibilities, run into en:Wikipedia:Extended prototype syntax. Also, the source of existing pages with images are useful every bit examples.

Template for showing links to files with advisable icons [edit]

For a template to enable files to be shown every bit links with relevant icons, as well equally a link to the file's wiki page, run across here.

This is for wikis that support embedding external images - which is most personal, corporate and organizational wikis based on MediaWiki. Notable exceptions are Wikipedia and Meta. Considering Meta can't return this template, here is an paradigm of how the template appears: MetaWikiPedia:Image:PDF file instance.png

External links [edit]

Earlier publishing any images, go along in mind that they tin can contain hidden data.
PNG, JPEG, and Fractals
List of prototype file types
Image File Types
Bitmap Image Files

↑ course="floatleft", grade="floatright", grade="centre" with class="floatnone", and simply form="floatnone". The actual position depends on css.

Find all projects using a given Commons image

Links to other help pages [edit]

Assistance contents: Meta · Wikinews · Wikipedia · Wikiquote · Wiktionary · Eatables: · Wikidata · MediaWiki · Wikibooks · Wikisource · MediaWiki: Manual · Google
Versions of this help page (for other languages run into further): What links here on Meta or from Meta · Wikipedia · MediaWiki
Reading: Become · Search · Terminate words · Namespace · Page name · Section · Backlinks · Redirect · Category · Epitome page · Special pages · Printable version
Tracking changes: Contempo changes (enhanced) | Related changes · Watching pages · Unequal · Page history · Edit summary · User contributions · Modest edit · Patrolled edit
Logging in and preferences: Logging in · Preferences · User mode
Editing: Starting a new folio · Advanced editing · Editing FAQ · Edit toolbar · Export · Import · Shortcuts · Edit conflict · Page size
Referencing: Links · URL · Piped links · Interwiki linking · Footnotes
Style and formatting: Wikitext examples · CSS · Reference carte du jour · HTML in wikitext · Formula · List · Table · Sorting · Colors · Images and file uploads
Fixing mistakes: Testify preview · Testing · Reverting edits
Advanced functioning: Expansion · Template · Advanced templates · Parser part · Parameter default · Variable · Organization bulletin · Substitution · Assortment · Calculation · Transclusion
Others: Special characters · Renaming (moving) a page · Preparing a page for translation · Talk folio · Signatures · Sandbox · Legal issues for editors

simonsonfacen1988.blogspot.com

Source: https://meta.wikimedia.org/wiki/Help:Images_and_other_uploaded_files

How to Upload Image to Mediawiki and Link to Page

Supported file types [edit]

Uploading [edit]

Embedding internal files [edit]

Options [edit]

Inline [edit]

Floating, neither pollex nor frame [edit]

Blank on the side(due south), neither thumb nor frame [edit]

Floating, pollex with explanation [edit]

Blank on the side(south), thumb with explanation [edit]

Limitation of thumb [edit]

Floating, frame with caption [edit]

Blank on the side(s), frame with caption [edit]

Limitation of frame [edit]

Multiple images with floating text [edit]

Link [edit]

Gallery [edit]

Galleries past templates [edit]

Galleries in categories [edit]

Images in a tabular array [edit]

Way parameter [edit]

Linking [edit]

Navigational maps [edit]

Example using ImageMap [edit]

Examples using EasyTimeline [edit]

Alternatives [edit]

Template for showing links to files with advisable icons [edit]

See also [edit]

External links [edit]

Links to other help pages [edit]

0 Response to "How to Upload Image to Mediawiki and Link to Page"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel