User:WikiMaster/Images: Difference between revisions
WikiMaster (talk | contribs) m (→Fake Thumbnails: Fake Thumbnails In Tables) |
WikiMaster (talk | contribs) m (→File / Image Upload Extensions: Extension:MsUpload) |
||
(4 intermediate revisions by the same user not shown) | |||
Line 11: | Line 11: | ||
: This page provides the proper syntax for image placement, display size, alignment, etc. | : This page provides the proper syntax for image placement, display size, alignment, etc. | ||
== Gallery == | |||
Moved images formerly occupying this space to [[User:WikiMaster/Gallery#Sofia]]. | Moved images formerly occupying this space to [[User:WikiMaster/Gallery#Sofia]]. | ||
=== Gallery Resources === | |||
* [[mediawikiwiki:Category:Image gallery extensions|Category:Image gallery extensions]] | * [[mediawikiwiki:Category:Image gallery extensions|Category:Image gallery extensions]] | ||
: The Image gallery extensions category contains articles on extensions that embed a collection of images (a gallery) in a MediaWiki article. | : The Image gallery extensions category contains articles on extensions that embed a collection of images (a gallery) in a MediaWiki article. | ||
Line 27: | Line 27: | ||
: This extension adds [[wikipedia:Media RSS|Media RSS]] support to Mediawiki's standard <nowiki><gallery /></nowiki> tag. This allows it to generate Media RSS content from any article that contains such tags. It allows you to add a RSS Media link to any article that does not have gallery with a special comment. It also allows the [http://www.piclens.com PicLens plugin] to be used with such RSS with another particular tag. | : This extension adds [[wikipedia:Media RSS|Media RSS]] support to Mediawiki's standard <nowiki><gallery /></nowiki> tag. This allows it to generate Media RSS content from any article that contains such tags. It allows you to add a RSS Media link to any article that does not have gallery with a special comment. It also allows the [http://www.piclens.com PicLens plugin] to be used with such RSS with another particular tag. | ||
=== Linked Images | == Image & File Handling == | ||
* [[mediawikiwiki:Manual:Configuring file uploads|Manual:Configuring file uploads]] | |||
* [[mediawikiwiki:Category:Media handling extensions|Category:Media handling extensions]] | |||
* [[mediawikiwiki:Manual:importImages.php|Manual:importImages.php]] | |||
: '''importImages.php''' is a script which uploads images and other media to mediawiki from your computer. | |||
=== File / Image Upload Extensions === | |||
* [[mediawikiwiki:Extension:UploadLocal|Extension:UploadLocal]] | |||
: '''UploadLocal''' is an extension which allows the "uploading" of files already residing on the server into MediaWiki, by a special page on your mediawiki. This has numerous practical applications, notably the streamlining of the upload of large files, renaming of image files, and the ability to mass upload. | |||
* [[mediawikiwiki:Extension:UploadWizard|Extension:UploadWizard]] | |||
: '''UploadWizard''' is an extension that allows a user to upload multiple files with a step-by-step JavaScript wizard. | |||
* [[mediawikiwiki:Extension:Add Media Wizard|Extension:Add Media Wizard]] | |||
: '''Add Media Wizard''' is an extension which allows a user to add media into pages. It vastly simplifies importing compatible licensed media into a wiki. It includes an inline insert wizard in page and sequence editing. Once installed it lets you search multiple repositories and automatically handles the complexity of importing the media with appropriate asset description template structure provided by the repository. | |||
* [[mediawikiwiki:Extension:MsUpload|Extension:MsUpload]] | |||
: '''MsUpload''' functions: file upload directly in the editor, multiupload, upload all files at once, drag'n'drop (if Html5), flash fallback, embedd the file into the editor as link, change the name of the file, cancel an upload. | |||
* [[mediawikiwiki:Extension:SpecialMultiUploadViaZip|Extension:SpecialMultiUploadViaZip]] | |||
: '''Special:MultiUploadViaZip''' is a special page that closely resembles the Special:Upload page but accepts a ZIP file rather than target media directly. This ZIP file is decompressed on the server and passed file by file into the existing MediaWiki Special:Upload page. It effects multiple file uploads (aka mass upload, bulk upload, etc). | |||
* [[mediawikiwiki:Extension:MultiUpload|Extension:MultiUpload]] | |||
: The '''MultiUpload''' extension allows users to upload more than one file at a time. | |||
== Linked Images == | |||
* [[mediawikiwiki:Manual:Linked images|Manual:Linked images]] | * [[mediawikiwiki:Manual:Linked images|Manual:Linked images]] | ||
* [[File:MediaWiki logo without tagline.png|50px|link=File:MediaWiki logo without tagline.png]] (Link to [[commons:File:MediaWiki logo without tagline.png|MediaWiki sunflower logo]].) | * [[File:MediaWiki logo without tagline.png|50px|link=File:MediaWiki logo without tagline.png]] (Link to [[commons:File:MediaWiki logo without tagline.png|MediaWiki sunflower logo]].) | ||
Line 35: | Line 55: | ||
; Results | ; Results | ||
[[File:Tournesol.png|50px|link=mediawikiwiki:|MediaWiki]] (Links sunflower from [[commons:File:Tournesol.png|commons.wikimedia.org]] to [[mediawikiwiki:|MediaWiki's main page]].) | [[File:Tournesol.png|50px|link=mediawikiwiki:|MediaWiki]] (Links sunflower from [[commons:File:Tournesol.png|commons.wikimedia.org]] to [[mediawikiwiki:|MediaWiki's main page]].) | ||
=== Image Links To Document Files === | |||
; [[Template:Pdf]] | |||
{{pdf|AssemblyAgendaSimple.pdf|Community Assembly Program Outline (Simple)}} | |||
; Crude hack linking to a Word icon located in a public Dropbox folder and a Word file located on SkyDrive. | |||
<span class="plainlinks"><img size=40>http://dl.dropbox.com/u/21342552/dropimage/fileicons/DOC.png</img> [https://skydrive.live.com/view.aspx?cid=0D58D956AB4BC9E0&resid=D58D956AB4BC9E0!107 simplified_Assembly_Agenda__rev_4-6-12 on SkyDrive]</span> | |||
; Image Links To Document Files Help Resources | |||
* [[metawikipedia:Help:Navigational image|Help:Navigational image]] | |||
* [[metawikipedia:Template:Clickpic|Template:Clickpic]] | |||
* [[metawikipedia:User:CharlesC/Template for navigational images on Mediawiki websites|User:CharlesC/Template for navigational images on Mediawiki websites]] | |||
* [[metawikipedia:User talk:CharlesC/Template for document links showing file icons#Generic_File_Icon_Template|User talk:CharlesC/Template for document links showing file icons#Generic_File_Icon_Template]] | |||
=== Linking to External Images === | === Linking to External Images === | ||
Line 60: | Line 94: | ||
<span class="plainlinks">[http://www.ussf2010.org/ http://ussf2010.org/sites/default/themes/ussf-2010-theme/images/USSocial-Forum.gif]</span> | <span class="plainlinks">[http://www.ussf2010.org/ http://ussf2010.org/sites/default/themes/ussf-2010-theme/images/USSocial-Forum.gif]</span> | ||
=== Image Linking Extensions === | |||
* [[mediawikiwiki:Extension:ImageLink|Extension:ImageLink]] | * [[mediawikiwiki:Extension:ImageLink|Extension:ImageLink]] | ||
: Creates a clickable image link using an image in an article and an article title. This image can be either stored in the Image namespace or accessible through an ''[[Special:Interwiki|interwiki]] prefix. The article title may or may not exist in the database. | : Creates a clickable image link using an image in an article and an article title. This image can be either stored in the Image namespace or accessible through an ''[[Special:Interwiki|interwiki]] prefix. The article title may or may not exist in the database. | ||
Line 68: | Line 102: | ||
: The '''EmbedImg''' extension adds the <img> tag for embedding external images. It supports width & height parameters. | : The '''EmbedImg''' extension adds the <img> tag for embedding external images. It supports width & height parameters. | ||
=== More external image linking tests... === | |||
:<span class="plainlinks">[http://www.feelnumb.com/?p=2755 http://www.feelnumb.com/wp-content/uploads/2009/12/captain_beyond_1972_20060810071429.jpg]</span> | :<span class="plainlinks">[http://www.feelnumb.com/?p=2755 http://www.feelnumb.com/wp-content/uploads/2009/12/captain_beyond_1972_20060810071429.jpg]</span> | ||
:<span class="plainlinks">[http://ssdp-uk.blogspot.com/2011/04/three-days-three-anniversaries-student.html http://1.bp.blogspot.com/-ougl0EjNMVE/TbLXF62FGNI/AAAAAAAAAB0/HDDvu-mVkrs/s1600/hofmann_bike_ride_1943.jpg]</span> | :<span class="plainlinks">[http://ssdp-uk.blogspot.com/2011/04/three-days-three-anniversaries-student.html http://1.bp.blogspot.com/-ougl0EjNMVE/TbLXF62FGNI/AAAAAAAAAB0/HDDvu-mVkrs/s1600/hofmann_bike_ride_1943.jpg]</span> | ||
Line 76: | Line 110: | ||
Testing [[mediawikiwiki:Extension:EmbedImg|Extension:EmbedImg]] to enable resizing of the external images shown in full size above. | Testing [[mediawikiwiki:Extension:EmbedImg|Extension:EmbedImg]] to enable resizing of the external images shown in full size above. | ||
=== Linking & Sizing === | |||
<span class="plainlinks">[http://www.feelnumb.com/?p=2755 <img size=200>http://www.feelnumb.com/wp-content/uploads/2009/12/captain_beyond_1972_20060810071429.jpg</img>]</span> | <span class="plainlinks">[http://www.feelnumb.com/?p=2755 <img size=200>http://www.feelnumb.com/wp-content/uploads/2009/12/captain_beyond_1972_20060810071429.jpg</img>]</span> | ||
<span class="plainlinks">[http://ssdp-uk.blogspot.com/2011/04/three-days-three-anniversaries-student.html <img size=200>http://1.bp.blogspot.com/-ougl0EjNMVE/TbLXF62FGNI/AAAAAAAAAB0/HDDvu-mVkrs/s1600/hofmann_bike_ride_1943.jpg</img>]</span> | <span class="plainlinks">[http://ssdp-uk.blogspot.com/2011/04/three-days-three-anniversaries-student.html <img size=200>http://1.bp.blogspot.com/-ougl0EjNMVE/TbLXF62FGNI/AAAAAAAAAB0/HDDvu-mVkrs/s1600/hofmann_bike_ride_1943.jpg</img>]</span> | ||
Line 83: | Line 116: | ||
=== Thumbnailing === | |||
<div class="thumb tleft"><div class="thumbinner" style="width:200px;"> | <div class="thumb tleft"><div class="thumbinner" style="width:200px;"> | ||
<span class="plainlinks">[http://www.feelnumb.com/?p=2755 <img size=200>http://www.feelnumb.com/wp-content/uploads/2009/12/captain_beyond_1972_20060810071429.jpg</img>]</span> | <span class="plainlinks">[http://www.feelnumb.com/?p=2755 <img size=200>http://www.feelnumb.com/wp-content/uploads/2009/12/captain_beyond_1972_20060810071429.jpg</img>]</span> | ||
Line 112: | Line 144: | ||
|} | |} | ||
=== Fake Thumbnails In Tables === | |||
<tab class=wikitable sep=comma head=top> | <tab class=wikitable sep=comma head=top> | ||
This Pic,That Pic,Other Pic | This Pic,That Pic,Other Pic | ||
Line 119: | Line 151: | ||
</tab> | </tab> | ||
== Image [[wikipedia:Transclusion|Transclusion]] Issues -- UPDATE == | |||
Moved contents to [[User:WikiMaster/Image Transclusion Issues|User:WikiMaster/Image Transclusion Issues]]. | Moved contents to [[User:WikiMaster/Image Transclusion Issues|User:WikiMaster/Image Transclusion Issues]]. |
Latest revision as of 13:22, 19 April 2012
Images: Testing, Research
Despite numerous cultural prohibitions regarding image worship and idolatry, images are still useful elements to include in wiki articles.
- This article describes how MediaWiki handles and stores files, and gives some information on configuring.
- This page provides the proper syntax for image placement, display size, alignment, etc.
Gallery
Moved images formerly occupying this space to User:WikiMaster/Gallery#Sofia.
Gallery Resources
- The Image gallery extensions category contains articles on extensions that embed a collection of images (a gallery) in a MediaWiki article.
- A nice simple gallery example.
- The User Image Gallery extension introduces a <userimages> tag to the MediaWiki markup, which can be used to produce an image gallery of all recent uploads by a particular user, up to a specified limit.
- This extension adds Media RSS support to Mediawiki's standard <gallery /> tag. This allows it to generate Media RSS content from any article that contains such tags. It allows you to add a RSS Media link to any article that does not have gallery with a special comment. It also allows the PicLens plugin to be used with such RSS with another particular tag.
Image & File Handling
- importImages.php is a script which uploads images and other media to mediawiki from your computer.
File / Image Upload Extensions
- UploadLocal is an extension which allows the "uploading" of files already residing on the server into MediaWiki, by a special page on your mediawiki. This has numerous practical applications, notably the streamlining of the upload of large files, renaming of image files, and the ability to mass upload.
- UploadWizard is an extension that allows a user to upload multiple files with a step-by-step JavaScript wizard.
- Add Media Wizard is an extension which allows a user to add media into pages. It vastly simplifies importing compatible licensed media into a wiki. It includes an inline insert wizard in page and sequence editing. Once installed it lets you search multiple repositories and automatically handles the complexity of importing the media with appropriate asset description template structure provided by the repository.
- MsUpload functions: file upload directly in the editor, multiupload, upload all files at once, drag'n'drop (if Html5), flash fallback, embedd the file into the editor as link, change the name of the file, cancel an upload.
- Special:MultiUploadViaZip is a special page that closely resembles the Special:Upload page but accepts a ZIP file rather than target media directly. This ZIP file is decompressed on the server and passed file by file into the existing MediaWiki Special:Upload page. It effects multiple file uploads (aka mass upload, bulk upload, etc).
- The MultiUpload extension allows users to upload more than one file at a time.
Linked Images
- Manual:Linked images
- (Link to MediaWiki sunflower logo.)
- Images on a MediaWiki wiki will by default, link to the description page. However, there are several workarounds for those that require them.
- Example
[[File:Tournesol.png|50px|link=mediawikiwiki:|MediaWiki]]
- Results
(Links sunflower from commons.wikimedia.org to MediaWiki's main page.)
Image Links To Document Files
<img size=40></img> Community Assembly Program Outline (Simple) <img size=18>http://dl.dropbox.com/u/21342552/dropimage/Info_icon.png</img>
- Crude hack linking to a Word icon located in a public Dropbox folder and a Word file located on SkyDrive.
<img size=40></img> simplified_Assembly_Agenda__rev_4-6-12 on SkyDrive
- Image Links To Document Files Help Resources
- Help:Navigational image
- Template:Clickpic
- User:CharlesC/Template for navigational images on Mediawiki websites
- User talk:CharlesC/Template for document links showing file icons#Generic_File_Icon_Template
Linking to External Images
- How-To-Do-It Source
- Manual:Linked images | Native with configuration change | External image syntax
- Manual:$wgAllowExternalImages (Currently set to false on PortlandWiki.) --17:09, 25 September 2011 (PDT)
- When set to true, users can bring in an inline image from an external URL. They do this simply by sticking the full URL into the wiki text (without any other surrounding markup) That is the direct URL to an image resource on another website.
- When set to false, the full URL appears as a text link to the image.
- Note that if you want to allow images from a single trusted source (e.g. from within your own domain) then set this to false, and use $wgAllowExternalImagesFrom.
- Manual:$wgAllowExternalImages (Currently set to true on PortlandWiki.) --17:09, 25 September 2011 (PDT)
- If $wgAllowExternalImages is false, you can specify an exception here. Image URLs that start with this string are then rendered, while all others are not. You can use this to set up a trusted, simple repository of images. As of r40310 (1.14.0), this may be an array of strings.
- 1. Make appropriate changes to
LocalSettings.php
. Example
$wgAllowExternalImagesFrom = array( 'http://www.ussf2010.org/', 'http://ussf2010.org/', );
- 2. Insert wiki markup code. Example
<span class="plainlinks">[http://www.ussf2010.org/ http://ussf2010.org/sites/default/themes/ussf-2010-theme/images/USSocial-Forum.gif]</span>
- 3. Results
Image Linking Extensions
- Creates a clickable image link using an image in an article and an article title. This image can be either stored in the Image namespace or accessible through an interwiki prefix. The article title may or may not exist in the database.
- Extension:ImageLink is needed for MediaWiki installations until version 1.13.x. Since MediaWiki version 1.14+, a parameter "link=" can be added to any image, without the need to install an extension. But only basic functionality of this extension was integrated into MediaWiki software 1.14+. Some HTML attributes and all of the event attributes are still not part of the MediaWiki software.
- Extension:EmbedImg (Installed on PortlandWiki.)
- The EmbedImg extension adds the <img> tag for embedding external images. It supports width & height parameters.
More external image linking tests...
Testing Extension:EmbedImg
Testing Extension:EmbedImg to enable resizing of the external images shown in full size above.
Linking & Sizing
<img size=200>http://www.feelnumb.com/wp-content/uploads/2009/12/captain_beyond_1972_20060810071429.jpg</img> <img size=200>http://1.bp.blogspot.com/-ougl0EjNMVE/TbLXF62FGNI/AAAAAAAAAB0/HDDvu-mVkrs/s1600/hofmann_bike_ride_1943.jpg</img> <img size=200>http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/296654_10150794458330417_521845416_21828083_49704_n.jpg</img>
Thumbnailing
Fake Thumbnails
<div class="thumb tright"><div class="thumbinner" style="width:302px;"> [[File:Snow Day At Wallace Park.jpg|border|300px|link=Wallace Park]] <div class="thumbcaption">Snow day at [[Wallace Park]].</div> </div></div> |
Fake Thumbnails In Tables
<tab class=wikitable sep=comma head=top> This Pic,That Pic,Other Pic
,
,
<img size=200>http://1.bp.blogspot.com/-ougl0EjNMVE/TbLXF62FGNI/AAAAAAAAAB0/HDDvu-mVkrs/s1600/hofmann_bike_ride_1943.jpg</img>,<img size=200>http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/296654_10150794458330417_521845416_21828083_49704_n.jpg</img>,<img size=200>http://www.feelnumb.com/wp-content/uploads/2009/12/captain_beyond_1972_20060810071429.jpg</img> </tab>
Image Transclusion Issues -- UPDATE
Moved contents to User:WikiMaster/Image Transclusion Issues.