Addon: Album View

[kevincrafts]

Album View is a new front end to your browse pages. The addon will display a single thumbnail from each of your categories, along with the name and number of photos, which will link to the browse pages. Options include using either the most recent photo in the category or a random image from the category. The addon also works with and without the paged archive addon. Package includes a sample css file for getting the page to display properly.

See A Demo (http://blog.kevincrafts.com/index.php?x=album)

Instructions


Add album_view.php to your addons directory and turn it on
Add some css to display the thumbnails properly. I've included the css I'm using as a sample in the package.
Add one of the Album View tags to one of your templates. I would suggest making a new template page for this tag - for instance I put the tag on album_template.html. Tags to use:

<ALBUMVIEW> - Shows newest photo for each category.
<ALBUMVIEWPAGED> - Same as above but for use with Paged Archive Addon.
<ALBUMVIEWRAND> - Shows random photo for each category.
<ALBUMVIEWPAGEDRAND> - Same as abover but for use with Paged Archive Addon.

[jaywilliams]

You can download it from here:
http://www.pixelpost.org/extend/addons/album-view/

[kevincrafts]

Ooops! Thanks Jay!

[patashnik]

Brilliant! One thing: Would you mind showing the actual code that you use to set this up in the album_template.html page?

This is seriously one of the most useful addons I've seen here at Pixelpost, excellent work!

[SnowScan]

The album view is great, but as with the geos category addon I have a request...

example:
you select a category and see alle the images in that category. When you then select an image to view, you cannot from that image go back and forward in the category selected... (you have to go back to the cat listing and select another image from that cat)

Is this possible to do with this addon?

[posefius]

It would be nice if this album view addon could be integrated with a slideshow. Something like when you select an album a slideshow starts automaticly, is this possible?

[ranmajen]

Is there any problem for the version 1.1 file? No album_view.php can be found.

[kevincrafts]

Is there any problem for the version 1.1 file? No album_view.php can be found.

Hmm that's rather odd. I've updated the download file so it should work now.

[ranmajen]

I have used the new file but how can I show "all"? Only albums shown but no album for all.

[kevincrafts]

Brilliant! One thing: Would you mind showing the actual code that you use to set this up in the album_template.html page?

This is seriously one of the most useful addons I've seen here at Pixelpost, excellent work!

Here's what I have on my album_template.html page...

<div style="width:720px; margin:20px auto; clear:both;">
<ALBUMVIEWPAGEDRAND>
</div>

<style>
.albumWrapper {

height:120px;
text-align:center;
float:left;
margin:5px;
}
.albumWrapper2 {
margin:3px;
width:83px;
}
.albumWrapper a:link, .albumWrapper a:visited {
border:1px solid #666;
display:block;
}
.albumWrapper img {
border:3px solid #FFF;
}
.albumTitle {
font-size:80%;
padding:2px 0;
}
.albumTitle a:link, .albumTitle a:visited {
border:none;
}
</style>

[kevincrafts]

I have used the new file but how can I show "all"? Only albums shown but no album for all.

Version 1.1 shows the "All" category.

[ranmajen]

Version 1.1 shows the "All" category.

I am using version 1.1, is there any additional tag for "all" category?
Very strange.

[kevincrafts]

I went through all 4 tags on my development install and all of them showed the all category.

Open the album_view.php file - do you see this on line 27?

$albumview .= "<div class='albumTitle'><a href='index.php?x=browse'>" . $lang_browse_all . " <span class='number'>($pixelpost_photonumb)</span></a></div>";


I am using version 1.1, is there any additional tag for "all" category?
Very strange.

[ranmajen]

I went through all 4 tags on my development install and all of them showed the all category.

Open the album_view.php file - do you see this on line 27?

$albumview .= "<div class='albumTitle'><a href='index.php?x=browse'>" . $lang_browse_all . " <span class='number'>($pixelpost_photonumb)</span></a></div>";


Yes, have these codes....I have tried <ALBUMVIEWRAND> and <ALBUMVIEWPAGEDRAND>

How can I check for the proper setting? Or you go and see my album page?
I have used the entry page add on: http://gallery.ranmajen.net/ and the entry page is albumview.
The album is still under heavy construction.

[posefius]

Kevin is it possible to integrate your album view addon with the slideshow flash addon from Kim Schulz. Clicking the abum thumbnail starting a slideshow of all pictures in the album, that would be great!

[ranmajen]

Kevin is it possible to integrate your album view addon with the slideshow flash addon from Kim Schulz. Clicking the abum thumbnail starting a slideshow of all pictures in the album, that would be great!


Yes...if there is any integration with the slideshow flash addon and can show the pictures of the selected album, it would be great! These are what I dream to have!

[kevincrafts]

I looked at the flash slideshow addon and I'm not seeing anything that limits the slideshow to a particular category, or anything that looks at the url for any values for the category. Am I missing something?

[ranmajen]

I looked at the flash slideshow addon and I'm not seeing anything that limits the slideshow to a particular category, or anything that looks at the url for any values for the category. Am I missing something?


This addon itself seems only can have slideshow for all photos, no matter which category you have selected. I think it is better to limit to the category i have selected. But..i don't know how to alter it.

kevincrafts, do you have any idea to my previous post saying that i cannot show "all"categroy with using your albumview addon 1.1

[ranmajen]

I went through all 4 tags on my development install and all of them showed the all category.

Open the album_view.php file - do you see this on line 27?

$albumview .= "<div class='albumTitle'><a href='index.php?x=browse'>" . $lang_browse_all . " <span class='number'>($pixelpost_photonumb)</span></a></div>";



Seems the above codes only can be used in <ALBUMVIEW>. No other tags can show "All". But even I used <ALBUMVIEW>, it only can show the clickable word "All" but no thumbnails.

You can see it here: http://gallery.ranmajen.net/

[ranmajen]

Finally worked out and can show "all" category now! Good addon!

[tarlak]

Hi,

i try to use this addon, i made a template, but i have a problem, how to call this template in my pages ?? May be with a special TAG ?

Thanks for your repsons

[ranmajen]

In the addon admin page, you can see the following info:

This addon will display categories with a thumbnail - links to browse page.

Tags to use:
<ALBUMVIEW> - Shows newest photo for each category.
<ALBUMVIEWPAGED> - Same as above but for use with Paged Archive Addon.
<ALBUMVIEWRAND> - Shows random photo for each category.
<ALBUMVIEWPAGEDRAND> - Same as abover but for use with Paged Archive Addon.

[posefius]

This was just an example Kevin. It would be great if you have slideshow functionality in the album view addon. Simply clicking the thumbnail of the album and start a flash slideshow. Is it very difficult to develop this?

[kevincrafts]

It would probably take longer than it did for me to do this addon. Honestly I don't have the time or desire to do any flash development these days. Now if someone else wrote an addon that would do what you want, it wouldn't be difficult to get it to work with this addon. You could even do some javascript DOM editing and rewrite the urls to do what you wanted them to do.

[ranmajen]

How can i add the last update time of each album? And "new" would be shown if new photos have been added within a specific time?

[tarlak]

In the addon admin page, you can see the following info:

This addon will display categories with a thumbnail - links to browse page.

Tags to use:
<ALBUMVIEW> - Shows newest photo for each category.
<ALBUMVIEWPAGED> - Same as above but for use with Paged Archive Addon.
<ALBUMVIEWRAND> - Shows random photo for each category.
<ALBUMVIEWPAGEDRAND> - Same as abover but for use with Paged Archive Addon.

Hello,

I know how tu use this tags, but i don't how to call the template with another page.

[ranmajen]

Hello,

I know how tu use this tags, but i don't how to call the template with another page.


do you mean the url?

should be this one, but depends on what template you have named it, mine is album_template: index.php?x=album

[tarlak]

Thanks that's it, yeeesssss, wonderfull :)

I'm Happy

[derlitograph]

Need help with this addon. First I wanna say "thank you" to kevin for that great
addon. But after installing the albumview I had two problems. I'm using the horizon template. And the problems which appeared:

1. The thumbnails won't appear in a row (of 5). There is vertical line of thumbnails.
2. After clicking on one thumbnail it does not jump to the desired photos of that kategory.

What went wrong?

[kevincrafts]

Seems to be working for me, but to get the photos into rows you need to add some extra css:

.albumWrapper { float:left; }

[mhulett]

could you please look at my site and tell me what i've done wrong. i thought i followed the instructions thoroughly but still can't get it to work. thanks so much.

http://www.me1585.com/photoblog

[blkant]

I installed the albumview addon successfully, and turned it on.
I made a browse_album.html, and put the tag <ALBUMVIEW> in the file, but when I use the ....index.php?x=album to visit , the browser responds:
Not Found
The requested URL /index.php was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
But the same tag <ALBUMVIEW> works well in the template file browse_template.html.
What's wrong with that?
Pls do me a favor if you know....thx.......
---------------------------
OMG, I made a so stupid mistake........the album template file should be album_template.html.

[aran]

great addon by the way but I made a small modification which I believe you should include in your next version...

Basically I had some categories that have no images in, and they were showing up so I simply added a if statement around certain areas that checked to see if $num_rows is 0 if it did then it skips that section...

if ($num_rows > 0){
$albumview .= "<div class=\"albumWrapper2\" >";
}

$catquery = "select ".$pixelpost_db_prefix."pixelpost.id, ".$pixelpost_db_prefix."catassoc.id, image_id, cat_id, image from ".$pixelpost_db_prefix."catassoc, " .$pixelpost_db_prefix. "pixelpost where ((".$pixelpost_db_prefix."pixelpost.id = image_id) and (cat_id = ".$row['id'].") and (datetime<='$cdate')) ORDER BY datetime DESC LIMIT 1";
$catresults= mysql_query ($catquery);
while ($row1=mysql_fetch_array($catresults)) {
if ($num_rows > 0){
$albumview .= "<a href=\"index.php?x=browse&category=" . $row1['cat_id'] . "\"><img src=\"" . $thumbpath . "/thumb_" .$row1['image'] . "\" border=\"0\" alt=\" \" class=\"album-thumbnails\" /></a>";
}
}
if ($language_abr == $default_language_abr) {
if ($num_rows > 0){
$albumview .= "<div class=\"albumTitle\"><a href=\"index.php?x=browse&category=" . $row['id'] . "\">" . stripslashes($row['name']) . " <span class=\"number\">($num_rows)</span></a></div>";
}
} else {
if ($num_rows > 0){
$albumview .= "<div class=\"albumTitle\"><a href=\"index.php?x=browse&category=" . $row['id'] . "\">" . stripslashes($row['alt_name']) . " <span class=\"number\">($num_rows)</span></a></div>";
}
}
if ($num_rows > 0){
$albumview .= "</div>";
}

Currently this is only for <ALBUMVIEW> because this is all I need, above is line 45 to 67 so you can get an idea of my mod.

[kevincrafts]

I guess I never put that in because I thought why would you make a category if there were no photos in it?

Thanks for putting that in.

[aran]

No problem...

[seekc]

How would one get rid of the category 'ALL' and it's thumbnail?

Thanks! Great Addon BTW!

[yvankat]

Hi all,

I've got a problem installing album view.
--------------------------------------------------
Instructions

1. Add album_view.php to your addons directory and turn it on
- Done


2. Add some css to display the thumbnails properly. I've included the css I'm using as a sample in the package.
- Put it where???


3. Add one of the Album View tags to one of your templates. I would suggest making a new template page for this tag - for instance I put the tag on album_template.html. Tags to use:

<ALBUMVIEW> - Shows newest photo for each category.
<ALBUMVIEWPAGED> - Same as above but for use with Paged Archive Addon.
<ALBUMVIEWRAND> - Shows random photo for each category.
<ALBUMVIEWPAGEDRAND> - Same as abover but for use with Paged Archive Addon.

I must make a new template? Or use an existing? Put it where on the template?

I really dont get it. Hope someone else does and can help me.

Gr.

Yvan

[kevincrafts]

CSS can go on the template or in your css file. I suggest making a new template file so you can still use all the functions that come in the browse template. Make a copy of one of your current templates and put the tag where you want the addon output to appear.

[whitenoise]

Great add-on... I'm trying it. Just a question: when i choose one one the album, the browser is redirected to a browse page for the selected category. Is it possible to redirect to an album view page that display all the thumbs for the desidered category?


Thank you


Giorgio

[kevincrafts]

No - it's designed to redirect to the browse page

[whitenoise]

Ok, I redesigned my browse template to match the album view.

Bye

[greatdonking]

Hi everybody,

I have "supclean" and try to configure this fantastic addon.
I followed instructions and it's ok.

1- I copied "browse_template.html" to "album_template.html".
2- I updated on each xxx_template.html links in menu by adding "<a href="index.php?x=album" title="About">Albums</a>" In this way all page have menu updated.
3- I added in the body "<h2>Browse by category</h2>&nbsp;&nbsp;
<br/>
<ALBUMVIEWPAGED>"

I could see the differents folders promised :)
My problems is that's not centered and the float:left is not respected.

I don't know how to fix this, have you got ideas about this problems ???

Many thanks by advance :)

[kevincrafts]

The URL to your site always helps to troubleshoot any issues you're having.

[foureyedgirl]

Ok - I think I did everything the way you requested, included editing my CSS to include what you provided, yet no thumbnail pictures appear? HELP!

http://www.foureyedgirl.com/index.php?x=album

[kevincrafts]

A lot of tht pixelpost tags aren't getting replaced - something else is going on.

[pauloconnell]

Hi Kevin

First of all, great addon. Can your addon be used so that the next and previous buttons, when clicked, could maintain the category the picture was loaded in? I think the addon would be complete if this could be done. When people visit my site and they want to browse through a certain category they are shown images from different categories and get confused as to what category they are browsing.

Any help on this would be great.

Kind Regards Paul.

http://www.pocphotography.com

[impete82]

i'm trying to figure out why the footer doesn't go under the album view :S

http://website.zenimagery.com/index.php?x=albums

[kevincrafts]

you need to clear the floats. add this after the album view tag: <div style="clear:both;"></div>

[impete82]

ahh there it is hehehe ya sorry, my css and html ... well ..... sucks lol

[sprants]

hi
thank alot for this addon my dear kevin


please see this page : http://www.sabzabi.com/pblog/index.php?x=album

1-why this thumbs is not align ?
2-how can i use the smaller thumbnail ? ( i use promote for first page (http://www.sabzabi.com) and now in browse page i have this problem. how can i ? ) ( i say this problem here (http://www.pixelpost.org/forum/showthread.php?p=62291#post62291) too ! sorry )

[sprants]

!!!! My Question is very hard !!!!!!

[kevincrafts]

You're having problems because you don't have the proper css needed to display the elements on your page correctly.

[sprants]

Thanx redeemer kevin !

its mean i should edit albumview.css ?! (how ?) OR my template css ?!!

[holgerK]

I am having some problems with that great addon too..
Take a look at my page:
http://photo.pri.ee/lomospot/index.php?x=browse

Why the thumbnails are only in 1 column?
And why the category I click on appears under the category list?

[kevincrafts]

You don't have the css to display them properly.

[holgerK]

You don't have the css to display them properly.

Thanks, but that is not very helpful. Could you be more exact?

Maybe you could take a look at my css file and edit it.
You can download it there:

http://www.megaupload.com/?d=QF2HJS4S


EDIT
Some progress...
I added the css to browse_template and now the page looks like this:
http://photo.pri.ee/lomospot/index.php?x=browse

I must have done something wrong, because all thumbnails are above albums.

My browse_template: http://www.megaupload.com/?d=PSOV27G6


Please, I would be very happy if someone could help me!

[kevincrafts]

Included in the download is the some css you can use - just copy it into your css file.