Album Thumbnails & Large Preview In One Page

junko

Hi,

What I want to do is almost identical to: http://www.zenphoto.org/support/topic.php?id=2668

However, I want to be able to do it from index.php -> album.php page, not a subalbum page.

I have a custom index.php with navigation on the left and a jQuery image slider on the right.

The navigation links are to album.php. From here I want to achieve something that resembles http://img.skitch.com/20110719-e8eb2nchh5sn8ec65j25h72f5e.png (also shown on Zenphoto's own themes subalbum page (eg: http://www.zenphoto.org/theme/andreyphoto/andreyphoto_album.png.php))

Any help on this matter would be greatly appreciated.

I'm very close to the final stages of this portfolio and can't wait to show you guys.

Thanks again.

acrylian

Please look at the theming tutorial and also the object model tutorial. The latter is what you need to use to achieve this.

junko

@acrylian: Hey acrylian, thank you very much.

This is extremely cheeky of me, but do you know any guides to getting this done in lamen terms or even a working example?

I am (rather unfortunately) not a PHP dev so 99% of the guide was over me.

I'm assuming it's similar to the way it's done for image.php, however I could be way off.

acrylian

Sorry, my answer was a little fast maybe... On our own site is actually using image.php and done using the paged_thumbs_nav plugin. The album.php thumbnail page is skipped by modifying the album.php page to not link to the thumbnail page but to the first image page. So you need to do:
1. change the links to an album from the album link to the first image page link on album.php and possibly index.php - Note your theme might need further modifications if you are using subalbums
2. Add the function of the paged_thumbs_nav plugin or alternatively of the jCarousel plugin.

The basics of theming are on the theming tutorial and for the first image link we have functions that are documentated on the functions documentation.

junko

@acrylian: Thank you so much acrylian! As usual, you are a *massive* help.

I've got it almost to how I want it with one niggle: the navigation.

I can't seem to work out the PHP to display all the top-level albums and link to the first image in each album for the navigation.

I could hard-code this in but it would be nice if there was a dynamic way of doing it.

Any ideas anyone?

acrylian

So you want a navigation of all albums showing their thumbs and linking to the first image page?

Then you have to use the internal object model to create a navigation. There is nothing for this. The paged_thumbs_nav is of course not for albums but for images within an album.

junko

@acrylian: I had a funny feeling it was like that - I haven't seen any themes with something that I described/wanted.

Therefore, I've opted to go back to `album.php` and omit the use of `image.php`.

`album.php` loads the selected album and the thumbnails for the images within it (there are no sub-albums).

Using Colorbox, I want to be able to click a thumbnail and open it in a Colorbox lightbox, however for this, I need a full path to the image url, not a `[...]/zenphoto/pre-wedding/img_8342.jpg.php`.

I have a sneaky feeling this isn't easily accomplished from album.php - am I right?

junko

I figured it out and works like a charm.

This is the code used for my image thumbnails (for reference):

`getFullImage());?>" class="lightbox" title="<?php echo getBareImageTitle();?>"><?php printImageThumb(getAnnotatedImageTitle()); ?>`