Might images be displayed in a gallery?

+7 votes
146 views
E.g. Greene-2064, a famed Edwardian beauty.
WikiTree profile: Edith Arbuthnot
in Photos by Sir William Arbuthnot of Kittybrewster G2G6 Pilot (172k points)
I can’t answer your question, William, but she really is a beauty, just like you said.
I am not sure that I have an opinoion on that. But she was certainly held to be one by one  by Edwardians. She sounds to me a very popular and appealing actress.

2 Answers

+8 votes
 
Best answer

Sir William, the closest you can get to a gallery on WikiTree is to display 3 images per line, with as many lines as you wish.  Here is how you would do that in the Biography section:

{{Image
|file=name of an image file
|align=l
|size=s
|wrap=y
}}
{{Image
|file=name of an image file
|align=c
|size=s
|wrap=y
}}
{{Image
|file=name of an image file
|align=r
|size=s
|wrap=y
}}
{{Clear}}

by Gaile Connolly G2G6 Pilot (908k points)
selected by Sir William Arbuthnot of Kittybrewster
I regret being unable to make this work. Please resolve.
I made a couple of changes, with full explanation of what I did so you can see it easily when you click any of the change pages.  There are still some problems, though.  Apparently the image named with a "-2" is privacy protected, so the only thing that displays is a small "x" in a little box.  Apparently, also, there is no image named with a "-3", which causes the Canadian flag to display (that's Rob Ton's cutesie way of setting a default image for cases where an image file name is not valid).
Sorry to intrude here, but I was curious and was experimenting on my own.  There is an image with the "-3" (you can see it right on the profile page), and in my testing I have the same issue.  The Canadian flag ALWAYS replaces the third image - whether I have 3, 4, 5, or 6, and regardless of the order.  In fact, display the same image 3 times and the third one is the flag.
My issue went away when I changed ALL instances to read "|align=l", and never using "r" or "c".
My final comment.  Your page was still not displaying correctly, so I made the following changes:

1) corrected the word "file" in the third image template (typo had it as "fille"

2) replaced "-2" with "-1" in the second image (there is no "-2", or it is private.

3) changed all three instances of align to a value of "l" (the letter ell).

Thank you all. I think i am  slowly getting the hang of it.

No. 3. (Image 3) was deleted because it was a duplicate

No 11 (Image 11) should be deleted because it is a duplicate of 2064.

I don’t know why there is a gap between images 5 and 6 and a gap

 of two between 12 and 13

Nos. 19 and 21 think they are thumbnails.   

Sir William, You're doing beautifully.  I think the only remaining problem you have is in how you think about the image numbers.  Apparently, you deleted a couple of images here and there in the middle of your uploading more images.  The image files are named in sequence of when they are uploaded, starting with the profile ID, followed by a hyphen, then the sequential number, and finally ".jpg".  There are a few differences from that pattern, however, when WikiTree assigns the file names:

  1. The first file does not have a sequential number - it's name is the profile ID followed by ".jpg"
  2. If you delete an image in the middle, and later upload more images, at some point when WikiTree has completed the deletion (which won't be for a couple of days), it will free up the number assigned to the original and then assign that to the next upload.  Here is an example of how it might work:
    • Suppose you upload Greene-2064.jpg, Greene-2064-1.jpg, Greene-2064-2.jpg, Greene-2064-3.jpg,  and Greene-2064-4jpg.
    • Let's say you now delete Greene-2064-2.jpg and upload 2 more images immediately after that.  The new ones will be named Greene-2064-5.jpg, and Greene-2064-6.jpg.
    • A few days later, you come back and upload another image.  It will be assigned the name of Greene-2064-2.jpg, since that file name is now available.

I realize that this sounds crazy, but that's the way WikiTree does it - please don't hold me responsible for how their software works!

An entirely different set of default titles gets assigned to the images as you upload them. You have an opportunity to put your own title on each image, but if you don't do that, WikiTree assigns a title like Edith Elizabeth Arbuthnot Image # and I have no idea what formula they use to determine these numbers. 

I suspect that your comment above is identifying the image files by the numbers that you see in the titles, which are totally unrelated to the numbers used in the file names.  In the template you are using to insert the image files into the biography to make your gallery, the only thing that matters is the file name - *NOT* the number in the image title.  If you hover your mouse over an image and look at the lower left corner of your screen, you will see the image file name.  That is what must go in the template!  By the way, numbers 19 and 21 don't "think they are thumbnails" - there are no images with those file names!

+2 votes
I made another round of changes to your gallery code, and as of now it works.  Unfortunately, I used an undocumented option in the image template.  I changed "size=200" to "height=300". Because we want rows to align we need images of the same height.  Some variation in width does not really matter.  That "almost" solved the puzzle.  Adding a {{Clear}} after each row (every third image) took care of the rest.  I also changed the references to jpg files that do not exist so that they reference the numbers actually are in the "images" directory.

By way of explanation, your images are, as you know, not all exactly the same size, but they are close enough in proportion to make the table work.  The directive "size=200" resized the images to a WIDTH of 200 pixels and a height which maintained the original proportions.  The images that were a bit taller caused problems in the display.  Changing the parameter to specify a fixed height and letting the width vary solved that problem.  I picked 300 pixels for the height because that was about the average height when the images were converted to a width of 200 pixels.

And by the way, it also possible to specify captions and/or labels for each image. (Labels are displayed when you mouse-over an image; if not specified then the file-name is displayed.)
by Jim Angelo G2G6 Mach 4 (45.6k points)
Jim, when you specify the height and permit the width to vary, the same bad effect occurs, except now the images don't line up vertically.  They would have looked a little better if you had not changed them all to left alignment.  In addition, the height parameter is not only undocumented, but it is defined as not an option for us to use, so someday it may not be recognized.

Sir William's images are pretty close in shape, so the gallery works ok for them and I don't think he needs or wants to concern himself with extra levels of sophistication.  For real purists, the correct way to obtain perfection is to edit each image, as needed, to make both width and height the same for all of them.
You're right of course. I have returned the code to "size=200" and the display is, I think, acceptable.  In my testing, using align l, r, c is not so good.  The 'center' position is too far to the right and forces the 'right' image onto another line.  (Regardless of how wide my display window is).  So I have left all of the align parameters set to "l".

Related questions

+14 votes
2 answers
131 views asked Feb 24, 2020 in The Tree House by Michael Cayley G2G6 Pilot (117k points)
+9 votes
0 answers
72 views asked Feb 23, 2020 in The Tree House by Michael Cayley G2G6 Pilot (117k points)
+24 votes
4 answers
+7 votes
2 answers
112 views asked Apr 17, 2019 in Photos by C. Mackinnon G2G6 Pilot (271k points)
+3 votes
4 answers
+3 votes
2 answers
145 views asked Aug 8, 2019 in WikiTree Tech by Skye Sonczalla G2G6 Mach 2 (29.0k points)
+9 votes
2 answers

WikiTree  ~  About  ~  Help Help  ~  Search Person Search  ~  Surname:

disclaimer - terms - copyright

...