Loading...
 
Skip to main content

History: File Gallery for Images

Source of version: 4

Copy to clipboard
            ! File Gallery for Images
Since ((TikiWiki 3.0)), 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.

{maketoc title=""}

!!# Upload an image
!!!# Through editing a wiki page
{img link=/tiki-download_file.php?fileId=44&display src=/tiki-download_file.php?fileId=44 align=center class=reflect } 

!!!# Directly through file galleries 
{img link=/tiki-download_file.php?fileId=42&display src=/tiki-download_file.php?fileId=42 align=center class=reflect }

!!# 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  align=center class=reflect } 

!!# 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  align=center class=reflect } 

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  align=center class=reflect } 

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 align=center class=reflect }

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 align=center class=reflect }

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 align=center class=reflect }

-=More information=-
* ((File Gallery))
* ((File Gallery User))
* ((File Gallery CoOnfig))
* ((TikiWiki 3.0))
* ((JQuery))

        

History

Advanced
Information Version
Bernard Sfez / Tiki Specialist Removing direct video link after fixing video tracker items 23
Bernard Sfez / Tiki Specialist Adding missing video tutorial about File Galleries 22
drsassafras Mass search and replace 21
drsassafras Mass search and replace 20
drsassafras Mass search and replace 19
drsassafras Mass search and replace 18
drsassafras Mass search and replace 17
drsassafras Mass search and replace 16
drsassafras Mass search and replace 15
drsassafras Mass search and replace 14
Yves Kipondo 13
Rodrigo Sampaio Primo removing align=center (bugged) and class=reflect for better visualization of the page 11
Xavier de Pedro 10
Xavier de Pedro 9
Xavier de Pedro 8
Xavier de Pedro 7
Xavier de Pedro 6
Marc Laporte 5
Xavier de Pedro 4
Xavier de Pedro 3
Xavier de Pedro 2
Xavier de Pedro 1