Author |
Topic: Adjusting contents of $INDEX_IMAGES$ (and other ?) (Read 1855 times) |
|
verstehen
Board Newbie
Posts: 11
|
 |
Adjusting contents of $INDEX_IMAGES$ (and other ?)
« on: Feb 26th, 2004, 8:22am » |
Quote | Modify
|
I have a pre-existing html layout that I need to match my photo libraries to.
What I have issue with is that my images are part of a 3X3 table that I use to make a special border.
I need to be able to have my border go around all the thumbnails. Is there a snippet of code that creates this array of thumbnails (I believe the manual calls them icons) that I could edit to include my code?
Also, is it possible to get the width and height of an image from some variable? So you could say <img src=$image$ width=$image_width$ height=$image height$>. If it is not currently a feature, then you can think of this as a feature request 
Thanks,
Rob
|
|
 offline |
|
|
|
Ronald P. Regensburg
Board Master
Email
Gender: 
Posts: 999
|
|
Re: Adjusting contents of $INDEX_IMAGES$ (and othe
« Reply #1 on: Feb 26th, 2004, 1:10pm » |
Quote | Modify
|
Can you explain more clearly what you mean, and maybe illustrate it with an example (url of a page)?
Do you need a border around the thumbnail array or a border around each thumbnail in the array?
Galerie does not use 3x3 tables for borders but single "imageback.jpg" and/or "imagefront.pct" images. If you want to use the same border you will need to create from the border images used in the 3x3 table, such a back and/or front image for use in a Galerie template.
The size of thumbnails and pictures is set by the "Maximum size", which will be the width in a landscape oriented image and the height in a portrait oriented image. Galerie has no means to set width and height separately. Why would you want to do that?
(The manual indeed sometimes refers to thumbnails as 'icons', a leftover from earlier terminology in Galerie. We will correct that.)
|
|
offline |
Ronald.
|
|
|
verstehen
Board Newbie
Posts: 11
|
|
Re: Adjusting contents of $INDEX_IMAGES$ (and othe
« Reply #2 on: Feb 26th, 2004, 2:19pm » |
Quote | Modify
|
Here is an example if the gallery index on my current setup:
http://www.rollanet.org/~centuri/SB_Paris1/
Each thumbnail is embedded in a table such as this:
<TABLE BGCOLOR=WHITE CELLSPACING=0 CELLPADING=0 BORDER=0>
<TR>
<TD BGCOLOR=WHITE WIDTH=5 HEIGHT=7><img src=../layoutgrfx/bindspacer.gif width=5></TD>
<TD BGCOLOR=WHITE></TD>
<TD WIDTH=9 HEIGHT=7 BACKGROUND="../layoutgrfx/pf_topcorner.jpg"></TD>
</TR>
<TR>
<TD BGCOLOR=WHITE WIDTH=5></TD>
<TD WIDTH="135" HEIGHT="180">
<a href="Pages/0.html">
<img width="135" height="180" src="Thumbs/0.jpg" alt="thumbnail">
</a>
</TD>
<TD BACKGROUND="../layoutgrfx/pf_right.jpg" WIDTH=9><img src=../layoutgrfx/bindspacer.gif width=9></TD>
</TR>
<TR>
<TD HEIGHT=11 width=5 BACKGROUND="../layoutgrfx/pf_bottomleft.jpg"></TD>
<TD HEIGHT=11 BACKGROUND="../layoutgrfx/pf_bottom.jpg"></TD>
<TD HEIGHT=11 WIDTH=9 BACKGROUND="../layoutgrfx/pf_bottomright.jpg"></TD>
</TR>
</TABLE>
I was looking at the "imageback.jpg" solution and while I don't understand it fully, it seems that it would be a waste of space (having to load image data that is never seen behind the picture), and that it would not to match different size images. The 3x3 table I employ uses a minimum of image data and scales to the size of the picture. Then again maybe I just don't understand the imageback.jpg idea at all. Regardless, I need to be able to maintain this layout style for ease of maintenance of my site as a whole.
As for the width and the height, you want to know both so that your viewer's web browser can lay out the page before loading all of the images. This makes for a more consistent viewing experience for those with slow connections.
If you just say "<img src=picture.jpg> the browser will have to load the picture and place it in the layout before it can determine how much space it needs and therefore moves all of the elements around as it loads. However if you say "<img src=picture.jpg width=50 height=120>" it will make a box for the image of the correct size and will display the entire layout properly, at the start and gradually fill each box with the image as it loads.
|
|
offline |
|
|
|
Didier Guillion
Administrator
WWW | Email
Gender:
Posts: 8420
|
|
Re: Adjusting contents of $INDEX_IMAGES$ (and othe
« Reply #3 on: Feb 26th, 2004, 2:25pm » |
Quote | Modify
|
Hi,
When you define a back image with Galerie, the resulting image is computed using the picture and the back image and generated as a single file.
The advantage is a better display while loading the page : frame and picture are displayed together.
Much more, it is very easy to create an image background, you only have to design one image without splitting it in 9.
Then, this allow to have an image in front, hidden partially the image with transparence.
I recommand to you to take a look on the "template designer" manual provided with Galerie.
|
|
offline |
Myriad Team
|
|
|
verstehen
Board Newbie
Posts: 11
|
|
Re: Adjusting contents of $INDEX_IMAGES$ (and othe
« Reply #4 on: Feb 26th, 2004, 2:43pm » |
Quote | Modify
|
I have looked over the template making guidelines and I'm afraid it wasn't entirely clear to me.
Here is the part that I do not understand:
If I make an image background with my shadows at the corners that is 300x300 pixels, and I have an image that is 800x600, how does galerie make that 300x300 picture scale to the 800x600 without distorting it?
|
|
offline |
|
|
|
verstehen
Board Newbie
Posts: 11
|
|
Re: Adjusting contents of $INDEX_IMAGES$ (and othe
« Reply #5 on: Feb 26th, 2004, 6:43pm » |
Quote | Modify
|
Glanced through again, must have missed the bit about the rotation and stretching. 
Because of the shadow and the fact that my images can be of different aspect ratios, this wouldn't work very well for me. Is there any way for me to get into the area that generates the image array so that I might plug in my own code?
Or might it be possible to specify a file for one orientation and one for another?
|
|
offline |
|
|
|
Ronald P. Regensburg
Board Master
Email
Gender:
Posts: 999
|
|
Re: Adjusting contents of $INDEX_IMAGES$ (and othe
« Reply #6 on: Feb 26th, 2004, 8:21pm » |
Quote | Modify
|
Maybe you should actually try and test Galerie with your pictures, using different templates that use frames around thumbnails and pictures and using different settings. Then view the generated galleries, also study the generated files and compare them to the files in the used templates. That will answer many of your questions.
Some things you will notice:
- Unlike you appear to think, Galerie will not use code like "<img src=picture.jpg>" without width and height but will generate complete img tags with all needed attributes. Also the table lay-out is fixed with cell heights and widths that are derived from the used image sizes to insure proper and stable rendering of the page even when not all images are loaded yet.
- The 'front' and 'back' images are not transfered into the generated gallery, but are used by Galerie to create the framed images.
- Only image frames that have a shadow in one direction must not be rotated ('Aqua frame' template is an example). There the used 'back' or 'front' image needs to have height and width that are exactly equal to prevent rotation. However, the frame can be used with pictures of different ratio as you will see when you actually try it. As long as the difference between width and height is not extreme, the distorsion is usually not disturbing, often hardly noticable. Try 'Aqua frame' template and you will see.
There is no way for the user to change code that Galerie generates for the thumbnail table. The only way the user can influence that table is to choose different settings for the gallery to be generated.
|
| « Last Edit: Feb 26th, 2004, 8:40pm by Ronald P. Regensburg » |
offline |
Ronald.
|
|
|
verstehen
Board Newbie
Posts: 11
|
|
Re: Adjusting contents of $INDEX_IMAGES$ (and othe
« Reply #7 on: Feb 26th, 2004, 9:09pm » |
Quote | Modify
|
Thanks for clearing up some of this information. I normally would take much more time exploring for myself, but I leave for the volunteer corps in Africa in a few days, and I am hoping to re-work 40 albums with almost 3000 images before I leave.
Thanks for the great product and the ability to add the text to the images.
|
|
offline |
|
|
|
|
