updated all html help files and added links to images
[taxeditor.git] / eu.etaxonomy.taxeditor.help / html / gettingstarted / create_an_image_gallery.html
1 <h2>Create an image gallery
2 </h2>
3 <p>
4 The taxon must first be activated in the <strong>Taxon Name</strong> panel. The Media Panel must also be open <strong>Windows &gt; Show View &gt;</strong> <strong>Media</strong>.
5 </p>
6 <p>
7 1. Point the mouse cursor in the Media panel.
8 </p>
9 <ol start="2" type="1">
10 <li>
11 Click on the right hand mouse button and a menu will appear
12 </li>
13 <li>
14 Select <strong>New Image Gallery </strong>
15 </li>
16 </ol>
17 <p>
18 <strong> </strong>
19 </p>
20 <p align="center">
21 <img src="../img/10_1a.jpg"/>
22 </p>
23 <p>
24 4. Click on Image gallery to open in details panel . You can change the label here, should you wish, in the Label freetext box.
25 </p>
26 <p align="center">
27 <img src="../img/10_1b.jpg"/>
28 </p>
29 <p>
30 5. Expand the image gallery by clicking on the menu arrow in the media panel. There will already be one existing &#8216;empty media&#8217;.
31 </p>
32 <p align="center">
33 <img src="../img/10_1c.jpg"/>
34 </p>
35 <p>
36 6. To add additional images (or galleries) right click in the window and make selection from menu.
37 </p>
38 <p align="center">
39 <img src="../img/10_1d.jpg"/>
40 </p>
41 <p>
42 7. Click on image to open in details panel.
43 </p>
44 <p>
45 <img src="../img/10_1e.jpg"/>
46 </p>
47 <p>
48 8. Add title, artist and description as required. This will automatically be updated in the Media window. Then click on + symbol to expand <strong>Media Representation</strong> menu.
49 </p>
50 <p align="center">
51 <img src="../img/10_1f.jpg"/>
52 </p>
53 <p>
54 9. Enter the type of image file in the Mime type field. Click on the + symbol to expand <strong>Media Representation Part</strong> menu.
55 </p>
56 <p align="center">
57 <img src="../img/10_1g.jpg"/>
58 </p>
59 <p>
60 10. Enter the URI of where the image is to be found in the URI field. The size, height and width fields will be automatically filled. The image will be
61 visible beneath this.
62 </p>
63 <p align="center">
64 <img src="../img/10_1h.jpg"/>
65 </p>
66 </div>