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>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, user-scalable=no" />
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  
 <div class="wrapper">
    <div class="header">
        <div class="logo"> 
        
        
        <div id="logo1"><a href="http://www.uni-weimar.de/"><img src="http://s7.hostingkartinok.com/uploads/images/2014/12/4b267a81805f4fd36e7d1e3e7e10cacf.png" > </a> 
        <br>
        <a href="http://www.uni-weimar.de/cms/medien.html"><img src="http://s7.hostingkartinok.com/uploads/images/2014/12/f5968253f7f2d216ac2e95e9ecd3f9e6.png" width="254" height="14"></a>
        
        </div>
        
        
​
        
         </div>
        <div class="search "> 
        
         <a href="http://www.uni-weimar.de/medien/wiki/Special:UserLogin?returnto=Help:Images"> <p1>Log in</p1></a> <p2>|&nbsp;</p2> <a href="./Help Images - Medien Wiki_files/Help Images - Medien Wiki.html" title="View the help page [c]" accesskey="c"><p1>History</p1> </a> <!--/li--><p2>|&nbsp;</p2> <a href="http://www.uni-weimar.de/medien/wiki/index.php5?title=Help:Images&action=edit" title="This page is protected.
You can view its source [e]" accesskey="e"><p1>View source</a> <!--/li--><p2>|&nbsp;</p2><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"> <p1>Help page</p1></a> 
       
        <br/>
       <br/>
        
        
         <div id="search">
        
        <form method="get" action="/search" target="_blank"><input src="http://i61.tinypic.com/2rf80mv.png" type="image" style="vertical-align: bottom; padding-bottom: 3px;"/>
<input name="q" id="form-query" value="" placeholder="search"> </form>
        </div>
        
        
         </div>
    </div>
    
    
    <div class="content">
            
        <div class="nav_menu">
         <ul>
            <li>
                <a><p3>Startseiten</p3></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/IFD:Start">Interface Design</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>
            <br>
                <a> <p3>Wiki Related </p3></a>
                <ul>
                 <li><a href="http://www.uni-weimar.de/medien/wiki/Category:WS14">Wintersemester 2014</a></li>
                 <li><a href="http://www.uni-weimar.de/medien/wiki/Category:SS14">Sommersemester 2014</a></li>
                 <li><a href="http://www.uni-weimar.de/medien/wiki/Special:RecentChanges" title="The list of recent changes in the wiki [r]" accesskey="r">Recent changes</a></li> 
                 <li><a href="http://www.uni-weimar.de/medien/wiki/Special:NewPages">New pages</a></li>
                 <li><a href="http://www.uni-weimar.de/medien/wiki/Help:Editing" title="The place to find out">Help</a></li>
                  
                </ul>
            </li>
            
        </ul>
          
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>   
    <script type="text/javascript">
        $(function() {  
            $(".nav_menu > ul > li > a").click(function() {
                $(this).next("ul").css('visibility', 'visible');
                $(this).next("ul").slideToggle("slow");
                return false;
            });
        });
    </script>   
        
        
        
        <div class="actual_content">
       
        
        <div class="logo2"><a href="http://www.uni-weimar.de/cms/medien/medienkunstmediengestaltung.html"> <img src="http://s7.hostingkartinok.com/uploads/images/2014/12/0971a1815987b2828429daf5676344e2.png"></a>
        <br> 
            <a href="http://web.uni-weimar.de/medien/wiki"> <p4>Media Wiki</p4></a>
            <br>
            <br>
           
            
            <p5>HELP:IMAGES</p5>
            <br>
            <br>
           
            
            
            <p6>
<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"><p7>Sources/Images<p7></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="./Help Images - Medien Wiki_files/Insert_File.png" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Insert_File.png&quot;&gt;Insert_File.png&lt;/a&gt;" rel="group"><img 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&wpDestFile=Not_yet_existant_image.png" class="new" 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>
</div> 
​
<div class="table">
​
<table align="center" border="2" width="98%" cellspacing="4" cellpadding="3" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA;empty-cells:show;vertical-align:top;">
<tbody><tr>
<td bgcolor='#C7C7C7' width="30%" ><b>Description</b></td>
<td bgcolor='#C7C7C7' >
<b>You get</b>
</td>
</tr>
<tr>
<td><p6>Simple Image in 100%. (The <span class="tooltip"><span class="tooltip_abbr">dpi</span><span class="tooltip_tipwrapper" style="display: none;"><span class="tooltip_tip"><span>[[Druckvorstufe|dots per inch]]</span></span></span></span> of the image will be ignored, every pixel information will be displayed) If you have a high-res image this will be too huge and exceed the boundaries of the page.</p6>
</td>
​
<td>
<br>
<b>You type</b> - <p6>[[File:Pelly.jpg]]</p6>
<br>
<br>
​
<a href="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg&quot;&gt;Pelly.jpg&lt;/a&gt;" rel="group"><img alt="Pelly.jpg" src="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" width="300" height="280"></a>
</td>
</tr>
<tr>
<td><p6>Scale the image to exactly 250 pixels in width</p6>
</td>
​
<td>
<br>
<b>You type</b> - <p6>[[File:Pelly.jpg|250px]]</p6>
<br>
<br>
<a href="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg&quot;&gt;Pelly.jpg&lt;/a&gt;" rel="group"><img alt="Pelly.jpg" src="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" width="250" height="233"></a>
</td>
</tr>
<tr>
<td><p6>Scale the image to thumbnail size, it will be right aligned by default.<p6>
</td>
​
<td>
<br>
<b>You type</b> - <p6>[[File:Pelly.jpg|thumb]]<p6>
<br>
<br>
<div class="thumb tright"><div class="thumbinner" style="width:182px;">
<a href="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg&quot;&gt;Pelly.jpg&lt;/a&gt;" rel="group"><img alt="Pelly.jpg" src="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" width="180" height="168" class="thumbimage"></a>  <div class="thumbcaption"><div class="magnify"><a href="http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg" class="internal" title="Enlarge"><img src="./Help Images - Medien Wiki_files/magnify-clip.png" width="15" height="11" alt=""></a></div></div>
</div></div>
</td>
</tr>
<tr>
<td><p6>Thumbnail size and caption below the image</p6>
</td>
​
<td>
<br>
<b>You type</b> - <p6>[[File:Pelly.jpg|thumb|Caption for the Image]]</p6>
<br>
<br>
<div class="thumb tright"><div class="thumbinner" style="width:182px;">
<a href="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg&quot;&gt;Pelly.jpg&lt;/a&gt;" rel="group"><img alt="" src="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" width="180" height="168" class="thumbimage"></a>  <div class="thumbcaption">
<div class="magnify"><a href="http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg" class="internal" title="Enlarge"><img src="./Help Images - Medien Wiki_files/magnify-clip.png" width="15" height="11" alt=""></a></div><p6>Caption for the Image</p6></div>
</div></div>
</td>
</tr>
<tr>
<td><p6>Float the thumbnail on the left side</p6>
</td>
​
<td>
<br>
<b>You type</b> - <p6>[[File:Pelly.jpg|left|thumb|Caption for the Image]]</p6>
<br>
<br>
<div class="thumb tleft"><div class="thumbinner" style="width:182px;">
<a href="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg&quot;&gt;Pelly.jpg&lt;/a&gt;" rel="group"><img alt="" src="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" width="180" height="168" class="thumbimage"></a>  <div class="thumbcaption">
<div class="magnify"><a href="http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg" class="internal" title="Enlarge"><img src="./Help Images - Medien Wiki_files/magnify-clip.png" width="15" height="11" alt=""></a></div>Caption for the Image</div>
</div></div>
</td>
</tr>
<tr>
<td><p6>To not show the image, but only link to its page with the credits and copyright information prepend a&nbsp;: before File:</p6>
</td>
​
<td>
<br>
<b>You type</b> - <p6>[[File:Pelly.jpg]]</p6>
<br>
<br>
<a href="http://www.uni-weimar.de/medien/wiki/File:Pelly.jpg" title="File:Pelly.jpg"><p7>File:Pelly.jpg</p7></a>
</td>
</tr>
<tr>
<td><p6>If you don't want to display the image at all but provide a download link instead, then write Media: instead of File:</p6>
</td>
​
<td>
<br>
<b>You type</b> - <p6>[[Media:Pelly.jpg]]</p6>
<br>
<br>
<a href="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" class="internal" title="Pelly.jpg"><p7>Media:Pelly.jpg</p7></a>
</td>
</tr>
</tbody></table>
<p9> <span class="mw-headline" id="Image_galleries">Image galleries</span>
</p9>
​
<br>
<br>
<br>
<p7>to render a thumbnail gallery of multiple images use the gallery tag:
</p7>
<pre>&lt;gallery&gt;<p6>
File:Pelly.jpg|the caption
File:verfremdeterkreis.jpg|another caption
File:patchrotation2.jpg|yet another </p6>
&lt;/gallery&gt;
</pre>
<p6>above wikicode renders as:
​
</p6>
​
<table class="gallery" cellspacing="0" cellpadding="0"><tbody><tr>
<td bgcolor="#3399FF"><div class="gallerybox" style="width: 155px;">
            <div class="thumb" style="padding: 13px 0; width: 150px;"><div style="margin-left: auto; margin-right: auto; width: 120px;"><a href="http://www.uni-weimar.de/medien/wiki/images/Patchrotation2.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Patchrotation2.jpg&quot;&gt;Patchrotation2.jpg&lt;/a&gt;" rel="group"><img alt="" src="http://www.uni-weimar.de/medien/wiki/images/Pelly.jpg" width="118" height="120"></a></div></div>
            <div class="gallerytext">
<p8> the caption
</p8>
            </div>
        </div></td>
        <td bgcolor="#3399FF"><div class="gallerybox" style="width: 155px;">
            <div class="thumb" style="padding: 13px 0; width: 150px;"><div style="margin-left: auto; margin-right: auto; width: 120px;"><a href="http://www.uni-weimar.de/medien/wiki/images/Verfremdeterkreis.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Verfremdeterkreis.jpg&quot;&gt;Verfremdeterkreis.jpg&lt;/a&gt;" rel="group"><img alt="" src="http://www.uni-weimar.de/medien/wiki/images/Verfremdeterkreis.jpg" width="117" height="120"></a></div></div>
            <div class="gallerytext">
<p8>another caption
</p8>
            </div>
        </div></td>
        <td bgcolor="#3399FF"><div class="gallerybox" style="width: 155px;">
            <div class="thumb" style="padding: 13px 0; width: 150px;"><div style="margin-left: auto; margin-right: auto; width: 120px;"><a href="http://www.uni-weimar.de/medien/wiki/images/Patchrotation2.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Patchrotation2.jpg&quot;&gt;Patchrotation2.jpg&lt;/a&gt;" rel="group"><img alt="" src="http://www.uni-weimar.de/medien/wiki/images/Patchrotation2.jpg" width="118" height="120"></a></div></div>
            <div class="gallerytext">
<p8>yet another
</p8>
            </div>
        </div></td>
    </tr></tbody></table>
    
    </div>
      
            
           
            
            <br>
            <br>
 <div class="b">           
<p9> <span class="mw-headline" id="Panorama">Panorama</span>
</p9>
<br>
<br>
<br>
<p7>use the panorama class to scroll through panoramas:
</p7>
<br>
<p6>&lt;div class="panorama"&gt;
[[File:Marktplatz.jpg|1500px]]
&lt;/div&gt;
</6>
<br>
<p6>above wikicode renders as:
</p6>
<br>
</div>
<div class="panorama">
<p><a href="http://www.uni-weimar.de/medien/wiki/images/Marktplatz.jpg" class="image" title="Origin: &lt;a style=&quot;color:#888888;&quot; href=&quot;http://www.uni-weimar.de/medien/wiki/File:Marktplatz.jpg&quot;&gt;Marktplatz.jpg&lt;/a&gt;" rel="group"><img alt="Marktplatz.jpg" src="http://www.uni-weimar.de/medien/wiki/images/Marktplatz.jpg" width="1500" height="282"></a>
</p>
​
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p9>
<div class="bbb">
​
 <span class="mw-headline" id="Link_Images">Link Images</span>
</p9>
<br>
<p6>[[File:Farbkreis Itten
1961.png|100px|link=Farbe]]
[[File:Farbkreis Itten
1961.png|100px|link=http://www.color.org]]
</p6>
<p><a href="http://www.uni-weimar.de/medien/wiki/Farbe" title="Farbe"><img alt="Farbkreis Itten 1961.png" src="http://www.uni-weimar.de/medien/wiki/images/Farbkreis_Itten_1961.png" width="100" height="100"></a>
<a href="http://www.color.org/"><img alt="Farbkreis Itten 1961.png" src="http://www.uni-weimar.de/medien/wiki/images/Farbkreis_Itten_1961.png" width="100" height="100"></a> </p>
<p6>For a detailed help see <a href="http://www.mediawiki.org/wiki/Help:Images" class="external text" rel="nofollow">the Mediawiki Help on Images</a> or read the <a href="http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial" class="extiw" title="wikipedia:Wikipedia:Picture tutorial">wikipedia:Wikipedia:Picture tutorial</a>.
</p6>
<br>
​
​
<br>
<br>
<br>
​
<!-- 
NewPP limit report
Preprocessor node count: 139/1000000
Post-expand include size: 160/2097152 bytes
Template argument size: 0/2097152 bytes
Expensive parser function count: 0/100
-->
​
<!-- Saved in parser cache with key ifacedb-wki_:pcache:idhash:2379-0!1!0!!en!2!edit=0 and timestamp 20141209090035 -->
​
            <p>&nbsp;</p>
</div>
        </div>
        
    </div>
    
    <br>
    
    <div class="footer">
​
            
            <div id="catlinks" class="catlinks"><div id="mw-normal-catlinks"><a href="http://www.uni-weimar.de/medien/wiki/Special:Categories" title="Special:Categories"><p6>Categories</a>: <span dir="ltr"><a href="http://www.uni-weimar.de/medien/wiki/index.php5?title=Category:Wiki&action=edit&redlink=1" class="new" title="Category:Wiki (page does not exist)">Wiki</a></span> | <span dir="ltr"><a href="http://www.uni-weimar.de/medien/wiki/Category:Help" title="Category:Help">Help</a></span></div></div>          <!-- end content -->
            
                        <div class="visualClear"></div>
            
            <div id="footer">
                        
                         
            <p6>
            © 2013 Faculty of Media,Bauhaus-Universität Weimar - except where stated otherwise /</p6> <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><br>
           <p6> If you suspect a copyright violation please contact the </p6><a href="mailto:michael.markert@uni-weimar.de">Wiki-Administrator</a></p><!-- signature -->                 
    <p6>Powered by <a href="http://www.mediawiki.org/">MediaWiki</a>. &nbsp; </p6>
                                                <id="viewcount">
     <br>                                           <p6>This page has been accessed 2,242 times.</p6> &nbsp; <br>                           <id="lastmod"><p6> This page was last modified on 23 May 2013, at 17:00.</p6>   <!-- Served in 0.196 secs. -->          
        
​
            </div>
    
    </div>
  
 
 
 </div>
 
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
rus_olenkapro
0viewers