Simple Gallery

By michal frackowiak michal frackowiak

Description

So how to make a veeeery simple gallery from your pictures? Suppose you do not want to use Flickr but rather attach files to the certain page.

In fact it will be just a collection of thumbnails. After you click the thumbnail, full-size image will be opened.

The very simple solution is to:

  • create a page where you want to put browsable gallery.
  • click on "files" (page options at the bottom) and "upload new file". upload the file.
  • repeat this for all your image files.
  • put the following piece of code:
[[gallery]]

or add some extra attributes, e.g.

[[gallery size="small"]]

And it should just work!

[[gallery size="medium"]]

More sophisticated usage of the [[gallery]] tag is described in the Wiki Syntax description page.


Thanks to tsangk for this great snippet: conditional-blocks


text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]



Other snippets posted by michal frackowiak

MyBlogLog recent visitors - 06 Jun 2021 04:03
Include Any Page - 06 Jun 2021 03:20
Babelfish Translation - 06 Jun 2021 03:14
Collapsible Text Block - 02 Dec 2020 10:24
Todo List - 18 Aug 2014 15:28
Multicolumn Layout - 17 Dec 2012 19:51
Zoho Writer - 16 Feb 2012 01:57
Zoho Sheet - 16 Feb 2012 01:56
Zoho Show - 16 Feb 2012 01:55
Zoho Polls - 16 Feb 2012 01:53
WoW Tooltips - 16 Feb 2012 01:52
Widgetbox Panel - 16 Feb 2012 01:52
Video from Revver - 16 Feb 2012 01:50
Tabs - 16 Feb 2012 01:45
Standalone Page Buttons - 16 Feb 2012 01:44
Social Bookmarking - 16 Feb 2012 01:42
Remember The Milk Todo - 16 Feb 2012 01:39
Recent Changes (mini) - 16 Feb 2012 01:36
Rating Summary - 16 Feb 2012 01:35
Quimble Poll - 16 Feb 2012 01:33
Quikmaps Maps - 16 Feb 2012 01:33
Photobucket Widget - 16 Feb 2012 01:29
Page Previews (Snap.com) - 16 Feb 2012 01:29
Pabpixies Gadgets - 16 Feb 2012 01:28
Meebo me - 16 Feb 2012 01:20
Layout With Tables - 16 Feb 2012 01:19
Instacalc - 16 Feb 2012 01:12
Import the Digg Feed - 16 Feb 2012 01:11
Import a News Feed - 16 Feb 2012 01:10
Google Gadgets - 16 Feb 2012 01:05
Gabbly chat - 16 Feb 2012 01:02
Forum Summary for the Front Page - 16 Feb 2012 01:02
Footnotes - 16 Feb 2012 01:01
Foldable List - 16 Feb 2012 01:01
Flickr Images By Tags - 16 Feb 2012 01:00
Feedburner - 15 Feb 2012 00:53
Extra Side Bar - 15 Feb 2012 00:51
Embed Code From Other Services - 15 Feb 2012 00:50
EditGrid Spreadsheets - 15 Feb 2012 00:49
Cornify - 15 Feb 2012 00:39
Compact Feed Display - 15 Feb 2012 00:35
Center Video - 15 Feb 2012 00:28
Bibliography/Footnotes/Comments Listed in TOC - 15 Feb 2012 00:26
Automatic Sitemap - 15 Feb 2012 00:25
Alexa traffic ratings - 15 Feb 2012 00:23
3d tagcloud - 15 Feb 2012 00:22


Rate this solution

If you think this solution is useful — rate it up!

rating: +38
VisCom VisCom 19 Dec 2011 02:37

I post galleries like this:
[[gallery]]
: name_of_your_file.jpg
: name_of_your_other_file.jpg
[[/gallery]]

First, format your images for the web by making sure that they are 72 resolution and no larger than 640 x 480 (I make my images 5.5 inches high, approx.)

Good luck.

Last edited on 19 Dec 2011 08:02 by Helmut_pdorf
by VisCom VisCom , 19 Dec 2011 02:37
star4nikmup star4nikmup 18 Dec 2011 00:22

what a tangle web

by star4nikmup star4nikmup , 18 Dec 2011 00:22
Mexanik Mexanik 19 Sep 2011 06:39

Is there a way to make gallery without all those borders and with images of 123px width? Or just to make image that can be opened by click without "link: http:link-to-image". I didn't found anything x_x If you know, please write me a message because I rarely look for new comments.

Last edited on 19 Sep 2011 06:40 by Mexanik
by Mexanik Mexanik , 19 Sep 2011 06:39
Multiple Image Galleries in tabview
VisCom VisCom 28 May 2009 00:54

Thanks for your reply!

As it turns out, I solved the problem by using the following syntax:

{[[tabview]]}
{[[tab Name of Tab 1]]}
{[[gallery]]}
{: Name of image file 1}
{: Name of image file 2}
{: Name of image file 3}
{[[/gallery]]}
{[[/tab]]}
[[tab Name of Tab 2]]

Sorry, can not load files attached to the page in this mode. You should specify sources for each image.

{: Name of image file 4}
{: Name of image file 5}
{: Name of image file 6}
{[[/gallery]]}
{[[/tab]]}
{[[/tabview]]}

Et cetera, et cetera!

I think this will serve my purposes without slowing things down too much.

Last edited on 28 May 2009 00:59 by VisCom
by VisCom VisCom , 28 May 2009 00:54
Multiple galleries
VisCom VisCom 26 May 2009 15:15

Can you organize more than 1 gallery on a single page? I want to have different picture galleries appear in different tabs on one of my pages. Thanks!

Last edited on 26 May 2009 15:16 by VisCom
by VisCom VisCom , 26 May 2009 15:15
Re: Multiple galleries: yes and no
Helmut_pdorf Helmut_pdorf 26 May 2009 15:55

The answer is - yes and no:

Yes - if you use different sources for the galleries : http://www.wikidot.com/doc:flickrgallery-module

( using different tags of flickr sorage - id's)

Yes - if you use the gallery not as a short - call ( as in the example page here) but with single image-source -definitions as in the description: http://www.wikidot.com/doc:wiki-syntax#toc25

NO: if you try to use the short form [[gallery]] there is no difference taken in the images of the page - all attached images are shown at this location of the gallery tag.

It would be goo to use any "include" page with a gallery tag with different attached images… but the include source is taken as it is and the images are not found if the pagename is not used ( like /pagename/image-name.jpg ).

NO: it is not a good idea to "overwhelm" any browser with lots of images - and only the first tab is shown at the beginnning of the download - the browser is loading and loading tons of images and nobody can see why in this moment - the other tabs are filled in the background.

"Tabs" mean - they are all incorporated at the one page and downloaded at the start of the page in one go.

And all images placed any where in the tabs too!


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 26 May 2009 15:55
Of course - but not with gallery tag
Helmut_pdorf Helmut_pdorf 06 Apr 2009 16:31

But I think you mean this all a little ironic ?


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 06 Apr 2009 16:31
Any way to label your photos?
Ai-Dealer Ai-Dealer 03 Apr 2009 00:52

Is there any way to label your photos?

Allow users to comment?

Upload their own?

Link to a forum?

by Ai-Dealer Ai-Dealer , 03 Apr 2009 00:52
page revision: 8, last edited: 16 Feb 2012 01:41
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).

AltStyle によって変換されたページ (->オリジナル) /