X3Photo Gallery Forums

globetrotter · 27 Nov 2008, 06:15

I want to create a startpage with thumbnails. And when you click on the thumbs it should open a full size picture.

I tried to place the thumbs next to each other, but I have troubles with it: the left thumb is placed higher on the screen then the other thumbs. And the links are not working OK. I used hspace and vspace but still not OK.

I have made an example, with the thumbs below each other: http://fotos.globetrotternet.nl/#/content/Test/
But I want the thumbs next to each other. Please advise.

Here the code I have made:

<a href="#/content/Test/Plaatjes/01.jpg/"><img src="../content/Test/Plaatjes/tn_01.jpg" width="120" height="120" /></a>
<br/><br/><br/><br/><br/><br/><br/>
<a href="#/content/Test/Plaatjes/02.jpg/"><img src="../content/Test/Plaatjes/tn_02.jpg" width="120" height="120" /></a>
<br/><br/><br/><br/><br/><br/><br/><br/>
<a href="#/content/Test/Plaatjes/03.jpg/"><img src="../content/Test/Plaatjes/tn_03.jpg" width="120" height="120" /></a>
<br/><br/><br/><br/><br/><br/><br/>
<a href="#/content/Test/Plaatjes/04.jpg/"><img src="../content/Test/Plaatjes/tn_04.jpg" width="120" height="120" /></a>

MorningWood · 27 Nov 2008, 08:30

i'm using the same code as you but the thumbnails won't show. The space set, eg. 100x100, is clickable and if clicked, it leads to the right image. But just can't see the "clickable image"

any suggestions?

globetrotter · 27 Nov 2008, 08:33

MorningWood wrote:i'm using the same code as you but the thumbnails won't show.

Did you create thumbnails in admin?

MorningWood · 27 Nov 2008, 08:47

Thanks for your reply!!

Yes i did, it won't work with other images as well. I can show an image like this :

<textformat leading="200"><img src="content/a_Intro/Audio.jpg" width="71" height="33" alt="Click on it, top right corner" /></textformat>

and it shows nicely.

But when i use :

<a href="https://www.photo.gallery"><img src="content/a_Intro/Audio.jpg/" width="71" height="33" alt="Click on it, top right corner" /></a>

it doesn't show.

Problem solved!!

27 Nov 2008, 10:27

Let me try to provide some assistance in this matter -

globetrotter:
First of all, the links in your textpage seem to be working fine, but as you say, the layout is corrupted. I can confess that I have been through the same myself, as I was trying to make a dynamic module for textpages that displays preview thumbnails from all folders vertically. The problem is that it simply doesn't flow properly, and I tried everything. The simple fact here is that flash textfields are very poor when it comes to layout of images within a textfield. I tried everything, and although the results varied, I did not find success, so I had to give up in the end.

I tried every combination of <textformat leading="">, multiple <br> linebreaks, CSS, height/width attributes ... It just would not flow properly.

Now I'm not insisting there is no solution, but I did not find it. I will most likely be creating 'plugin' modules using the filemod feature instead of textpage, as flash textfields simply aren't reliable.

Sorry I could not provide any better help ...

globetrotter · 27 Nov 2008, 13:14

I did some more test, and found a (temporary) solution, which is good enough for now. The thumbs have a grid of 2x2.

My code:

<a href="#/content/Test/Plaatjes/01.jpg/"><img src="../content/Test/Plaatjes/tn_01.jpg" width="120" height="120" hspace="0" vspace="0" /></a>
<a href="#/content/Test/Plaatjes/02.jpg/"><img src="../content/Test/Plaatjes/tn_02.jpg" width="120" height="120" hspace="140" vspace="-16" /></a>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a href="#/content/Test/Plaatjes/03.jpg/"><img src="../content/Test/Plaatjes/tn_03.jpg" width="120" height="120" hspace="0" vspace="0" /></a>
<a href="#/content/Test/Plaatjes/04.jpg/"><img src="../content/Test/Plaatjes/tn_04.jpg" width="120" height="120" hspace="140" vspace="0" /></a>

You can see the result here: http://fotos.globetrotternet.nl/#/content/Test/
Untill now it is not possible to have 3 or more thumbs next to each other.

globetrotter · 01 Jan 2009, 08:28

Since the X2 version my code doesn't work anymore.

Now I have changed it to, so it works:

<a href="#/content/Test/Plaatjes/01.jpg/"><img src="../content/Test/Plaatjes/tn_01.jpg" width="120" height="120" hspace="0" vspace="0" /></a><br />
<a href="#/content/Test/Plaatjes/02.jpg/"><img src="../content/Test/Plaatjes/tn_02.jpg" width="120" height="120" hspace="120" vspace="0" /></a><br />
<a href="#/content/Test/Plaatjes/03.jpg/"><img src="../content/Test/Plaatjes/tn_03.jpg" width="120" height="120" hspace="0" vspace="0" /></a><br />
<a href="#/content/Test/Plaatjes/04.jpg/"><img src="../content/Test/Plaatjes/tn_04.jpg" width="120" height="120" hspace="120" vspace="0" /></a><br />

But the result is not what I want: http://fotos.globetrotternet.nl/#/content/Test/
I want to have 2 or more thumbs next to each other.

CharReed · 10 Oct 2009, 14:02

Too bad, this is my exact issue and I can't seem to resolve it. I want several small images next to each other in a row and instead the flash code makes all of my images vertical- not what I want at all!

Any further progress on mods, plug-ins or anything like that?

14 Oct 2009, 11:10

Sorry, textpages(textfields!) just arent powerful enough to pull off something like that ... Ultimately, there should be a separate option altogether that allows thumbnail preview of multiple galleries. That is what you want it for, right?

CharReed · 24 Oct 2009, 08:32

mjau-mjau wrote:Sorry, textpages(textfields!) just arent powerful enough to pull off something like that ... Ultimately, there should be a separate option altogether that allows thumbnail preview of multiple galleries. That is what you want it for, right?

I was thinking of using that method to link to my various art galleries and social networks, but instead of long drawn out words, I wanted to use small favicons as links, but it won't allow me to do that in the manner I want.

For instance: http://charreed.posterous.com/ On the right hand side, below my profile picture, there are various links to my social networking sites displayed as favicon-sized images. I wanted to do something similar on my "About" page, but instead of displaying the images in a neat row as on the Posterous page, it displayed the icons vertically. Not really what I was looking for. I don't think there is a way around it, the coding just doesn't seem to support what I want to do and I'm not good with coding enough to go beyond WYSIWYG.

Oh well.

26 Oct 2009, 07:41

CharReed: I checked your link, but didnt get to check a link to your actual gallery so I could see the code for your buttons. To get the images side by side, you should be able to use a simple attribute like align="left":

<img src="imagename.jpg" width="x" height="x" align="left" />

Having said that, there is still no doubt that flash textfields are inferior in terms of layout. Some things just don't work, while other things just don't lay out correctly.

PS! Love your art

CharReed · 27 Oct 2009, 09:22

mjau-mjau wrote:CharReed: I checked your link, but didnt get to check a link to your actual gallery so I could see the code for your buttons. To get the images side by side, you should be able to use a simple attribute like align="left":
Code
<img src="imagename.jpg" width="x" height="x" align="left" />
Having said that, there is still no doubt that flash textfields are inferior in terms of layout. Some things just don't work, while other things just don't lay out correctly.

PS! Love your art

Ok, thanks! I'll be sure to give that a try.

Thanks for checking out my work! I appreciate it

X3Photo Gallery Forums

Startpage with thumbnails12 posts

Startpage with thumbnails