« March 2006 »
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

You are not logged in. Log in
Open Community
Post to this Blog

Helpful Links
Angelfire Home
Register Your Domain
Angelfire's Twitter
Angelfire's Facebook

Angelfire Club Blog
Need assistance and ideas from fellow Angelfire members to help build and manage your website? You've come to the right place!
To join this Community Blog, you must be an Angelfire member. Just click the "Join this Community" link, and start posting immediately.

Hint: When posting, select a topic that most relates to your question. (News, FrontPage, HTML Questions, etc...) This will help to keep the blog organized for everyone.

View Latest Entries

Sunday, 5 March 2006
photo album question
Mood:  quizzical
Topic: HTML Questions
I'm using the advanced customization on the photo album builder and have adjusted it pretty much how I want it to be, except I can't figure out how to get the thumbnails component just right.
I imagine it has something to do with this bit of code:






When I take it out, I get one row of all the pictures, close together. But when it's left in, there are five rows of widely spaced out pictures, three to a row. I would like it to be two rows of 7-8 images, closely spaced. How can I make it start a new row at a certain point?

Thanks for your help


Posted by art3/kvillari at 7:46 PM EST | Post Comment | View Comments (10) | Permalink | Share This Post

Sunday, 5 March 2006 - 7:55 PM EST

Name: art3/kvillari

Sorry, this didn't show up before:


<PHOTO_IF END_ROW>
</tr>
<tr>
</PHOTO_IF>

Sunday, 5 March 2006 - 9:15 PM EST

Name: dalleh

we need to see the whole code, where do we look,the one you are showing is the end of a row in a table and starting of another row.

Tuesday, 7 March 2006 - 3:46 PM EST

Name: art3/kvillari

Here's the whole code. I only included that part because it seemed to be what controlled the rows. Thanks

<!-- thumbnails component -->

<!-- /thumbnail page numbers -->
<PHOTO_IF HAS_PAGES>
<div id="thumbnail_next_prev" class="small">

<PHOTO_CMP THUMBNAIL_PREV_LINK LABEL="«">

<PHOTO_LOOP PAGE_LOOP>
<PHOTO_CMP THUMBNAIL_PAGE_LINK>
</PHOTO_LOOP>

<PHOTO_CMP THUMBNAIL_NEXT_LINK LABEL="»">
</div>
</PHOTO_IF>
<!-- /thumbnail page numbers -->

<!-- /thumbnail page -->
<div id="thumbnail_page">

<table cellspacing=0 cellpadding=0 style="width: 800px">
<tr>

<PHOTO_LOOP THUMBNAIL_LOOP>
<td align="center" valign="center">
<table cellpadding=0 cellspacing=0 style="width: 100px; margin: 5px 1px 5px 1px;" border=0>
<tr>
<td align="center" valign="bottom">
<a href="<PHOTO_CMP IMAGE_ALBUM_URL>">
<img border="0"
alt="<PHOTO_VAR IMAGE_TITLE>"
height="<PHOTO_VAR IMAGE_HEIGHT>"
width="<PHOTO_VAR IMAGE_WIDTH>"
src="<PHOTO_VAR IMAGE_URL>">
</a>
</td>
</tr>
<tr>
<td align="center">
<PHOTO_IF IMAGE_TITLE>
<div style="width: 100px; overflow: hidden">
<a href="<PHOTO_CMP IMAGE_ALBUM_URL>">
<PHOTO_VAR IMAGE_TITLE>
</a>
</div>
<PHOTO_ELSE>
 
</PHOTO_IF>
</td>
</tr>
</table>
</td>

<PHOTO_IF END_ROW>
</tr>
<tr>
</PHOTO_IF>

</PHOTO_LOOP>

</tr>
</table>
</div>
<!-- /thumbnail page -->

<!-- /thumbnails component -->

Tuesday, 7 March 2006 - 9:16 PM EST

Name: dalleh

I think i got it may be, at the bottom you have a row but no cells

<tr>
</PHOTO_IF>

</PHOTO_LOOP>
</tr>

Monday, 13 March 2006 - 4:02 AM EST

Name: art3/kvillari

That's how the code originally was...
All I can see is that it tells it to end the row if it's at the last photo, but I can't figure out how to pick which photo is the last one.
I'm stumped...

Monday, 13 March 2006 - 9:26 AM EST

Name: cw

I'm going to suggest that you don't really want to do what you want to do. 7 or 8 thumbnails across at 100 pixels in width each plus margins plus the width of the large image will be too wide for most visitors unless you're sure all your visitors are using humongous monitor resolutions. The templates are built to view easily in 800x600 resolution. That means almost no one will need to scroll l/r to view your page if left as is.

Tuesday, 14 March 2006 - 10:57 AM EST

Name: art3/kvillari

It wouldn't include the width of the large image... I have it right now so that the large image is centered, and the thumbnails are below it, not next to it.
https://www.angelfire.com/art3/kvillari/test/
This is how it looks now.

But is it possible to change how many thumbnails are in a row (whether or not it's "good" design)?

I'm sorry if I'm being a pain!

Tuesday, 14 March 2006 - 12:20 PM EST

Name: cw

Possible??- I don't think so and I looked at the album adv. cust. templates hard. I think the layout is written to the <thumbnail_loop> component which you don't have access to from the adv cust templates. It looks like that's written behind the scenes from the blog manager appearance panel. I compared the templates for several different layouts and all are the same. From that I'm drawing my conclusion about the <thumbnail_loop>. It likely also controls the number of images/album page so even if you were able to hand code for your images you'd eventually run into a problem with too many images on a page since the thumb loop would likely need to be deleted to get your layout and would not be there to create the second and subsequent pages of your album.

You would probably have an easier time for your intent if you just created a normal webpage and used some sort of image script that is similar to what's used on the photo album but which did not have the album's dynamic generation features.

Tuesday, 14 March 2006 - 12:33 PM EST

Name: cw
Home Page: http://simplythebest.net/scripts/DHTML_scripts/javascri

Here's the first script I found in a google search for "thumbnail script". This could be configured to what you want to do but would require more work on your end to create the thumbs and code for the images than the album builder. IMHO it might just be easier to live with the layouts offered by the album builder than to go through all the extra work needed to script and build the layout you want.

Tuesday, 14 March 2006 - 7:07 PM EST

Name: art3/kvillari

I'll try out that script.
Thanks so much for your help!

View Latest Entries