New Template: Coverflow

[kevincrafts]

This template mimics the coverflow technology found in iTunes and Mac OS X 10.5.
Instructions:


Install coverflow_browse.php in your addons folder
Install reflect.php at the root of your pixelpost install - the same as addons, admin, index.php, etc.
This probably looks best with slightly bigger thumbnails, but don't make them too big since the paged archive won't work with this.


See a demo here (http://pixelpost.kevincrafts.com/?newtemplate=coverflow)

Download here
(http://www.pixelpost.org/extend/templates/coverflow/download/)

The effect was provided by http://194.95.111.244/~countzero/scripts/_myImageFlow/ - I just thought it might make a neat template.

[Dennis]

it really looks nice! Well done!

[fredxeric]

The image template really look`s like my template....... except the browse and about....

[kevincrafts]

I apologize for anything similar - it was not intentional - I'll modify it more for an upcoming version.

[fredxeric]

I apologize for anything similar - it was not intentional - I'll modify it more for an upcoming version.

No, don't change it... It was ony a joke I don't really care about that....

[dakwegmo]

Very Nice!

Note: I moved our discussion about the scrollbars to a new thread (http://www.pixelpost.org/forum/showthread.php?t=8131). Thought it might be valuable to other template developers.

[fuzed]

hi guys, new to all of this, but I really do like this template, seems to do what I basically want...

but I have no idea as to how to upload it, theres a few folders within the zip file, what do I upload an where to the Server??!

Thanks - I know silly questions!!!

[kevincrafts]

Put the coverflow directory into your template directory
Put coverflow_browse.php in your addons folder
Put reflect.php at the root of your pixelpost install - the same as addons, admin, index.php, etc.


hi guys, new to all of this, but I really do like this template, seems to do what I basically want...

but I have no idea as to how to upload it, theres a few folders within the zip file, what do I upload an where to the Server??!

Thanks - I know silly questions!!!

[fuzed]

thanks, will do so! :)

[hCante]

Im having problems, its not working the browse option, it comes out the message "null", can you help me?

i all ready make all the steps...

[kevincrafts]

url please?

[NickW]

My categories aren't showing up on the browse page. I set them up when I had the basic templates installed. Do I need to re-upload my pics and categories??

[kevincrafts]

Nick, do you have the Paged Archive Addon turned on?

[hCante]

"Nick, do you have the Paged Archive Addon turned on?"... that was my problem, now it works, there are limits to upload/show photos on browse option?

thanks

[NickW]

I went to turn it on and its not there! I must have accidently deleted it some how, but I don't remember doing that so I don't know. So I DL'd pixelpost again and got it added in and turned on, but its still not working. Any ideas?

[kevincrafts]

Nick - are you only using categories and not tags? The template uses tags, but you can replace the tags with comments by putting in the appropriate Pixelpost Tag

[NickW]

Ahh, thank you kevin!

I'm very new to this, html, tags, etc etc so I appreciate the help here.

[Anibal]

muahahah i get the ¨No source image to reflect supplied¨message and i have my pics inside Pixelpost/images folder... AND inside /Coverflow/images too... any help?

[kevincrafts]

Without a url I can't do much of anything.

[Anibal]

Thankz a lot, Kevin... its already solved :)

http://www.anibaltrejo.com/Pixelpost/index.php?x=browse

[hCante]

i dont know how to change the color of reflection in the pictures, i have a background-color:#FFF, but the reflection goes to #000 value, wat part of the code need to edit?


// bgc (the background colour used, defaults to black if not given)
if (isset($_GET['bgc']) == false)
{
$red = 0;
$green = 0;
$blue = 0;
}
else
{
// Extract the hex colour
$hex_bgc = $_GET['bgc'];

// Does it start with a hash? If so then strip it
$hex_bgc = str_replace('#', '', $hex_bgc);

switch (strlen($hex_bgc))
{
case 6:
$red = hexdec(substr($hex_bgc, 0, 2));
$green = hexdec(substr($hex_bgc, 2, 2));
$blue = hexdec(substr($hex_bgc, 4, 2));
break;

case 3:
$red = substr($hex_bgc, 0, 1);
$green = substr($hex_bgc, 1, 1);
$blue = substr($hex_bgc, 2, 1);
$red = hexdec($red . $red);
$green = hexdec($green . $green);
$blue = hexdec($blue . $blue);
break;

default:
// Wrong values passed, default to black
$red = 0;
$green = 0;
$blue = 0;
}
}

thanks

[kevincrafts]

To change the reflection color, you need to add the hex value of the color you want it to fade to on to the image url.

For the image_template.html file:

Change this:

<img src="reflect.php?img=images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" border="0"/>

to this (where 666666 is the color you want):

<img src="reflect.php?img=images/<IMAGE_NAME>&bgc=666666" alt="<IMAGE_TITLE>" border="0"/>

For the browse pages, you will need to edit the addon to add the color...

change this:

reflect.php?img=thumbnails/thumb_$row[image]

to this:

reflect.php?img=thumbnails/thumb_$row[image]&bgc=666666

[NickW]

I've been messing with the CSS file and i still cannot find out how to change the upper banner color and font color. I know how to make the banner bigger and change the font, but i want to change the banner color and font color.

[hCante]

now it works, thanks ;)

[kevincrafts]

Nick, the upper banner is done with an image, so you would need to delete the reference to it for it not to appear, then you will need to adjust the color for the link tags within the banner.

[Travihim]

Love the template!

Just have one question. Would there be a way to add previous and next arrows to the photos, like when you mouse over the photo to the left it will pop up a arrow pointing to the left signifying to go to the previous photo? I have seen this on other templates and think it would look good on this one.

Thanks for the template!

[oneeyedman]

Love coverflow...could it be used with different template.... I have been using Horizon and quite like it?

[kevincrafts]

Making a standalone version shouldn't be difficult - I just need to test it a little bit and make a few changes to the addon but I should be able to do that pretty quick.

[tom]

Hi Kevin,

Sent the below as a PM as I couldn't find a thread about the standalone coverflow addon.

"Wanted to ask something about the fantastic coverflow standalone addon which I've recently added to my photoblog. For some reason, when the page is loaded in Internet Explorer the images are shifted to the left instead of being centre aligned above the scrollbar. This doesn't happen in Firefox.

Don't know if this is resolvable? Am I doing something wrong? Thanks so much for any help you can offer, and thanks for all the good work."

URL is http://www.coldframe.net/ifaq/index.php?x=browse

Any help appreciated in this.

Tom

[kevincrafts]

Tom - you might try giving the div#imageflow a defined width - the margin:auto doesn't work very well if there is not a width set for the element.

[tom]

Hi Kevin,

Thanks for the advice, but it didn't seem to work, so I've reverted to a standard thumbnail display.

Tom