User:WikiMaster/Images: Difference between revisions

From PortlandWiki
Jump to navigation Jump to search
m (Wikipedia:Extended image syntax)
m (→‎File / Image Upload Extensions: Extension:MsUpload)
 
(5 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 ===
== 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 ====
=== 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 ====
=== 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 &lt;img&gt; tag for embedding external images. It supports width &amp; height parameters.
: The '''EmbedImg''' extension adds the &lt;img&gt; tag for embedding external images. It supports width &amp; height parameters.


==== More external image linking tests... ====
=== 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 ===
; 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 ===
; 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:
|}
|}


=== Image [[wikipedia:Transclusion|Transclusion]] Issues -- UPDATE ===
=== Fake Thumbnails In Tables ===
<tab class=wikitable sep=comma head=top>
This Pic,That Pic,Other Pic
<div class=""><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>,<div class=""><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>,<div class=""><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>
<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://www.facebook.com/davydog <img size=200>http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/296654_10150794458330417_521845416_21828083_49704_n.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>
</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.
Allow <img> tag to be used in wikitext. Introduced in version: 1.17.0 (r65286).
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

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

MediaWiki (Links sunflower from commons.wikimedia.org to MediaWiki's main page.)

Image Links To Document Files

Template:Pdf

<img size=40>PDF.png</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>DOC.png</img> simplified_Assembly_Agenda__rev_4-6-12 on SkyDrive

Image Links To Document Files Help Resources

Linking to External Images

How-To-Do-It Source
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.
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

USSocial-Forum.gif

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.
The EmbedImg extension adds the <img> tag for embedding external images. It supports width & height parameters.

More external image linking tests...

captain_beyond_1972_20060810071429.jpg
hofmann_bike_ride_1943.jpg
296654_10150794458330417_521845416_21828083_49704_n.jpg

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>
Snow day at Wallace Park.

Fake Thumbnails In Tables

<tab class=wikitable sep=comma head=top> This Pic,That Pic,Other Pic

Snow day at Wallace Park.

,

Snow day at Wallace Park.

,

Snow day at Wallace Park.

<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.