Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
​
<head>
​
  <meta charset="utf-8">
​
  
  
​
  
  <style type="text/css">
 
  
​
    </style>
  
  
  
  <title>Help:Images - Medien Wiki</title>
​
  
  
  
</head>
​
<body>
  <a name="top">
​
  <div class="nav">
​
    <img class="logo" src="http://www.uni-weimar.de/medien/wiki/skins/bauhausmedien/logos/uni_wortmarke.jpg" />
    <img class="logo2" src="http://www.uni-weimar.de/medien/wiki/skins/bauhausmedien/logos/faculty_media.png" /><br >
   <img class="title" src="http://www.uni-weimar.de/medien/wiki/skins/bauhausmedien/logos/media_art_design.png" /></br >
    
​
    <a id="nav" href="http://www.uni-weimar.de/medien/wiki/Main_Page">< BACK TO MEDIEN WIKI</a>
​
    <ul class="menu">
        <li style="margin-left:70px;"><a href="#1">STARTSEITEN</a>
            <ul>
              <li><a href="http://www.uni-weimar.de/medien/wiki/Main_Page">Medien Wiki</a></li>
              <li><a href="http://www.uni-weimar.de/medien/wiki/EKK:Start">Elektroakustische Komposition</a></li>
              <li><a href="http://www.uni-weimar.de/medien/wiki/RADIO:Start">Experimentelles Radio</a></li>
              <li><a href="http://www.uni-weimar.de/medien/wiki/EXPTV:Start">Experimentelle Television</a></li>
              <li><a href="http://www.uni-weimar.de/medien/wiki/GMU:Start">Gestaltung medialer Umgebungen</a></li>
              <li><a href="http://www.uni-weimar.de/medien/wiki/IMM:Start">Immersive Medien</a></li>
              <li> <a href="http://www.uni-weimar.de/medien/wiki/FOTO:Start">Fotowerkstätten Medien</a></li>
              <li> <a href="http://www.uni-weimar.de/medien/wiki/ME:Start">Medien-Ereignisse</a></li>
              <li> <a href="http://www.uni-weimar.de/medien/wiki/MODEN:Start">Moden &amp; öffentl. Erscheinungsbilder</a></li>
              <li> <a href="http://www.uni-weimar.de/medien/wiki/MME:Start">Multimediales Erzählen</a></li>
            </ul>
        </li>
        <li><a href="#2">WIKI</a>
            <ul>
              <li><a href="http://www.uni-weimar.de/medien/wiki/Special:UserLogin?returnto=Help:Images">Log in</a></li>
              <li><a href="http://www.uni-weimar.de/medien/wiki/index.php5?title=Help:Images&action=edit" title="This page is protected.&#10;You can view its source [e]" accesskey="e">View source</a></li>
              <li><a href="http://www.uni-weimar.de/medien/wiki/index.php5?title=Help:Images&action=history" title="Past revisions of this page [h]" accesskey="h">History</a></li>
              <li><a href="http://www.uni-weimar.de/medien/wiki/Help:Images" title="View the help page [c]" accesskey="c">Help</a></li>
            </ul>
        </li>
    </ul>
​
    <div class="search">
      <div class="searchbox">
        <span class="icon"><i class="fa fa-search"></i></span>
      <input type="search" id="search" placeholder="SEARCH MEDIEN WIKI" />
      </div>
    </div>
​
​
    </div>
​
  <div id="bg">
    <div id="layer" style="display:none;">
      <h2><a href="#top">Back to top</a>
      <h2><a href="#intro">Introduction</a></h2>
      <h2><a href="#galleries">Image Galleries</a></h2>
      <h2><a href="#panorama">Panorama</a></h2>
      <h2><a href="#link">Link Images</a></h2>
    </div>
  </div>
​
  <div class="main">
​
    <p class="placeholder"></p>
    <p class="placeholder"></p>
    <p class="placeholder"></p>
    <p class="placeholder"></p>
​
  <h2>HELP:IMAGES</h2>
​
  <h2 id="intro"><a href="javascript:showdiv();" id="showDiv">Introduction</a></h2>
​
      <p>This is a short introduction how to use images in this wiki. It quickly highlights the principles when using images in the wiki.</p>
​
      <p>Before you upload anything to this wiki, you must </p>
​
      <ol>
        <li>be absolutely sure to either be the copyright owner of the file, have a written approval that you can upload the file, or the file is under a license which allows you to use it.</li>
        <li>choose which licence you want to put your image under if you are the copyright holder or obey and mention the license the image is under if you can use it.</li>
      </ol>
​
      <p>Read more about where to find images you may use under <a href="http://www.uni-weimar.de/medien/wiki/Sources/Images" title="Sources/Images">Sources/Images</a>.</p>
​
      <ol>
        <li>First thing you do is to <b>edit the page where you want to use a picture</b>. Do the uploading later.</li>
        <li>Type <tt>[[File:Your descriptive filename here.jpg]]</tt> or <b>use the insert file button in the tool bar</b><br><a href="http://www.uni-weimar.de/medien/wiki/images/Insert_File.png"><img class="image" alt="Insert File.png" src="http://www.uni-weimar.de/medien/wiki/images/Insert_File.png" width="323" height="81"></a><br> If you use the tool bar, you must <b>change the default file name</b> to a name that briefly describes your Image.
        </li>
        <li><b>Add the layout options</b>. The table below gives you an overview on which options you have when including images.
        </li>
        <li>Once you edited and saved your page you have a greyed out image link like this one <a href="http://www.uni-weimar.de/medien/wiki/index.php5?title=Special:Upload&amp;wpDestFile=Not_yet_existant_image.png" title="File:Not yet existant image.png">File:Not yet existant image.png</a>. If you click on it it will direct you to the upload page. Where you can <b>Upload the yet missing File</b>. The filename of the uploaded image will be renamed to the one you have written in the article, it is not necessary that they match. (Example: you write in the wiki <tt>[[File:Michael Mustermann Projekt XY.png]]</tt> and later you can upload a file called DSC894732.png. Your File will be renamed automatically, just the filetype needs to match) Make sure you upload in a resolution so it can also be used for printing at a later point. A reasonable file size is from 1 to 5 MB for a jpeg file depending on the pixel size. Important: choose the license you want to put your image under.
        </li>
      </ol>
​
  <h2 id="galleries"><a href="javascript:showdiv();" id="showDiv">Image Galleries</a></h2>
​
      <p>To render a thumbnail gallery of multiple images use the gallery tag:
      </p>
      <pre>
      &lt;gallery&gt;
      File:Pelly.jpg|the caption
      File:verfremdeterkreis.jpg|another caption
      File:patchrotation2.jpg|yet another
      &lt;/gallery&gt;
      </pre>
      <p>Above wikicode renders as:
      </p>
    
<div class="itemA item1">
      <a href="http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg">
        <img src="http://www.uni-weimar.de/medien/wiki/images/thumb/Pelly.jpg/120px-Pelly.jpg" /></a>
     
        
  <p class="caption">THE CAPTION</p> </div>
  
      
    
    <div class="itemA item2">
 <a href="http://www.uni-weimar.de/medien/wiki/File:Verfremdeterkreis.jpg">
   <img src="http://www.uni-weimar.de/medien/wiki/images/thumb/Verfremdeterkreis.jpg/117px-Verfremdeterkreis.jpg"></a>
     
      <p class="caption">ANOTHER CAPTION</p>    </div>
      
    
    <div class="itemA item3">
      <a href="http://www.uni-weimar.de/medien/wiki/File:Patchrotation2.jpg" class="image">
     <img src="http://www.uni-weimar.de/medien/wiki/images/thumb/Patchrotation2.jpg/118px-Patchrotation2.jpg"></a>
      
      <p class="caption">YET ANOTHER</p></div>
​
    
    
    
    
    
    
  <h2 id="panorama"><a href="javascript:showdiv();" id="showDiv">Panorama</a></h2>
​
     Use the panorama class to scroll through panoramas:
    <pre>
    
      [[File:Marktplatz.jpg|1500px]]
      </pre>
  
      <p>Above wikicode renders as:</p> 
​
        <div class="panorama"><a href="http://www.uni-weimar.de/medien/wiki/File:Marktplatz.jpg"><img src="http://www.uni-weimar.de/medien/wiki/images/thumb/Marktplatz.jpg/1500px-Marktplatz.jpg"></a></div>
​
​
  <h2 id="link"><a href="javascript:showdiv();" id="showDiv">Link Images</a></h2>
​
      <pre>[[File:Farbkreis Itten 1961.png|100px|link=Farbe]]
      [[File:Farbkreis Itten 1961.png|100px|link=http://www.color.org]]
      </pre>
​
      <div class="itemB item1"><a href="http://www.uni-weimar.de/medien/wiki/Farbe" title="Farbe" class="image"><img alt="Farbkreis Itten 1961.png" src="http://www.uni-weimar.de/medien/wiki/images/thumb/Farbkreis_Itten_1961.png/100px-Farbkreis_Itten_1961.png" width="100" height="100"></a></div>
    
      <div class="itemB item2"><a href="http://www.color.org" class="image"><img alt="Farbkreis Itten 1961.png" src="http://www.uni-weimar.de/medien/wiki/images/thumb/Farbkreis_Itten_1961.png/100px-Farbkreis_Itten_1961.png" width="100" height="100"></a></div>
    
​
  <p><br>
  For a detailed help see <a href="http://www.mediawiki.org/wiki/Help:Images" rel="nofollow">the Mediawiki Help on Images</a> or read the <a href="http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial" title="wikipedia:Wikipedia:Picture tutorial">wikipedia:Wikipedia:Picture tutorial</a>.
  </p>
​
​
  </div>
​
  <div class="navbtm">
    <p><a href="http://www.uni-weimar.de/medien/wiki/Special:Categories" title="Special:Categories">CATEGORIES</a>: <a href="http://www.uni-weimar.de/medien/wiki/index.php5?title=Category:Wiki&amp;action=edit&amp;redlink=1" title="Category:Wiki (page does not exist)">WIKI</a> | <a href="http://www.uni-weimar.de/medien/wiki/Category:Help" title="Category:Help">HELP</a>
   | <a href="http://www.uni-weimar.de/cms/index.php?id=5" title="Kontaktseite">Contact</a> | <a href="http://www.uni-weimar.de/cms/index.php?id=49" title="zum Impressum">Imprint</a> | <a href="http://www.uni-weimar.de/medien/wiki/MediaWiki:Privacypage">Privacy</a></p>
​
​
    <p>&copy; 2013 Faculty of Media, Bauhaus-Universit&auml;t Weimar - except where stated otherwise / <br/>If you suspect a copyright violation please contact the <a href="&#x6d;&#97;&#105;&#108;&#116;&#x6f;&#58;&#x6d;&#x69;&#x63;&#x68;&#97;&#101;&#x6c;&#x2e;&#109;&#x61;&#x72;&#107;&#101;&#114;&#x74;&#x40;&#117;&#110;&#105;&#45;&#x77;&#x65;&#105;&#x6d;&#97;&#114;&#46;&#x64;&#x65;">Wiki-Administrator</a></p>
​
    <p>Powered by <a href="http://www.mediawiki.org">MediaWiki</a>. This page has been accessed 2,425 times. This page was last modified on 23 May 2013, at 17:00</p>
  </div>
​
</body>
​
</html>
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers