History: File Gallery for Images
Source of version: 14
Copy to clipboard
! File Gallery for Images Since ((Tiki3)), file galleries have more features to support image galleries also from your local images. For images already elsewhere in internet, use the simple ~np~{img src=http://domain/foo.jpg}~/np~ as usual. __Enable the setting__ First an admin has chosen file galleries to manage images also. This option can be enabled at "Admin home > Editing and Plugins > General settings" (__tiki-admin.php?page=textarea__): "Use File Galleries to store pictures". Let's see an example of this new usage of the file galleries. !!# Upload an image !!!# Through editing a wiki page In ((Tiki3)), you could do that through the following option of the wiki edit interface: {img src="tiki-download_file.php?fileId=44&display" link="tiki-download_file.php?fileId=44" imalign="center"} Starting in ((Tiki4)), and being improved in ((Tiki5)), the edit interface has been revamped and you can open the form to upload images through the appropriate icons in the toolbar area on top of the editing area of the wiki page: {img src=img/icons/picture.png}{img src=pics/icons/pictures.png} {img src=http://doc.tikiwiki.org/display239 imalign="center"} The first one, {img src=pics/icons/picture.png}, opens the plugin helper to add references to images available on Internet somewhere (inside or outside tiki). {img src=http://doc.tikiwiki.org/display237 imalign="center"} The second one, {img src=pics/icons/pictures.png}, opens the interface to upload images. By default, that interface shows in the basic mode to allow uploading a single image: {img src=http://doc.tikiwiki.org/display240 imalign="center"} However, if we click on the appropriate button on top of the previous type of window, we will see the advanced interface to upload several files with images at once or even a single compressed zip file with many images to be processed in batch mode, as well as selecting the user or categories to link those images to. {img src=http://doc.tikiwiki.org/display238 imalign="center"} !!!# Directly through file galleries {img link=/tiki-download_file.php?fileId=42&display src=/tiki-download_file.php?fileId=42 imalign="center"} !!# Select the image/s to upload from disk Chose file (step 1 in the image below), file gallery to set the image to (step 2), optional parameters (step 3, quite self explained), and click on upload (step 4). {img link=/tiki-download_file.php?fileId=39&display src=/tiki-download_file.php?fileId=39 imalign="center"} !!# Get the link and syntax to use that image Once the image is successfully uploaded, you will see a screen like the following: {img link=/tiki-download_file.php?fileId=40&display src=/tiki-download_file.php?fileId=40 imalign="center"} There you can click on the button "__Additional info__", and it will display the links and syntax you need to copy in order to re-use that image in youru wiki page, forum, tracker, etc., or in external web sites. {img link=/tiki-download_file.php?fileId=41&display src=/tiki-download_file.php?fileId=41 imalign="center"} Proceed as usual then onwards. Keep in mind that if you add png images with transparencies, then many url's shown by tiki from file galleries have the __&preview__ or __&thumbnail__" attached to them, and thus, they will be converted to .jpg (without transparency) by GD on the fly for that modified smaller display. Just remove that param if you wish and the png will be shows as png. You can also add the extra param "class=reflect" for nice visual effects if you have ((JQuery)) and its corresponding JQuery plugin enabled in your site. !! Use existing images Moreover, in order to use existing images from file galleries you can just use the url of the file, for instance, and use the IMG tag as usual: {img link=/tiki-download_file.php?fileId=43&display src=/tiki-download_file.php?fileId=43 imalign="center"} You will also have the option to display the image in preview mode when passing your mouse pointer over each image. {img link=/tiki-download_file.php?fileId=45&display src=/tiki-download_file.php?fileId=45 imalign="center"} Or you can use the new image browser within the file galleries, which will allow you to, while editing a wiki page, click on an image from the image browser from the file gallery window and insert the needed code to display where you had your cursor. {img link=/tiki-download_file.php?fileId=38&display src=/tiki-download_file.php?fileId=38 imalign="center"} -=More information=- * ((File Gallery)) * ((File Gallery User)) * ((File Gallery Config)) * ((Tiki3)) * ((JQuery))