Showcase - minishowcase community!

Customization to add close button on image

ceruleansin — Sun, 04 Apr 2010 06:20:50 -0400

Yesterday I was frustrated by the forums lack of information on customizing the miniShowCase so in the end I just did it my self.

I've added a cross broswer compatable close button on the top right of every image that you open in the gallery. In the code below, ignore the /*****/ stuff, I just used it to make the actual code stand out.

Example: http://www.chrisamend.com/gallery

Here is the CSS that I added to gallery.css


/******************************************/
#close_me_button {
	z-index: 1;
}

#close_me_button_img {
	float: left;
}
/*******************************************/

Here is what I added to the ajax.functions.js on line 995 and as you can see I use the existing Ajax info to get the width of the new image so that I can accurately predict where to drop the close button. You can copy the images that I use by going to my gallery and right clicking the images (header grey bar and red close button).


/*********************************************/
imgout += '
/********************************************/

I also added this line on line number 1014 of ajax.functions.js


/********************************************/
imgout = '
';
/*******************************************/

Integrated into a webpage - adjusted for fluid design

twohawks — Fri, 30 Sep 2011 16:24:37 -0400

With much gratitude to Victor (thanks so much for your work and sharing spirit) ...I am sharing this integration of minishowcase embedded into a webpage containing the site header, footer and side menu -->

rush-creek.com/minishowcase/index.php

1) The main interesting/unique thing to point out (that anyone can freely inspect at the page posted) is I tweaked the css to allow for a fully fluid functionality. When you visit, be sure to resize the window, both manually and using zoom, to see the effects.
**The main benefit** of doing this is it allows for more amicable embedding of minishowcase into an already existing page design by diffusing the compromise it otherwise might impose to pre-existing site design with its natively "rigid" structure. I kind of went overboard ...to the point of making even the left side of the thumbnail-board flow around the minishowcase gallery menu (just to make it more 'completely' fluid).

2) Another thing worth mentioning.. for those noticing/questioning the use of relative paths (you know who you are, and why you are questioning this ;^), those are all code generated from a call to a single function (for the whole site), not hard coded. I have an unorthodox co-ssi+php environment utilizing nested includes that drove me to figure out a solution for not only allowing ssi and php to live together (a separate but intimately related story),

*but also allows placing any internal link using a single anchor syntax onto any page on the site (i.e. any nested directories I can use the same anchor) and have the server resolve them without undue load, without fussing over manually having to deal with relative pathways.

This is relevant to this project due to the site using nested ssi (and now php) includes.

Anyway, #1 is the main thing to see there that may benefit others ;^)
TwoHawks

Subcategories

OldSparky — Tue, 01 Jun 2010 11:47:27 -0400

Hello,

I extended brains modification to enable better sub categorie support.
I changed the modification from brain to show subcategories like:

Folder
  - Subfolder
  - Subfolder
    - Subfolder
      - Subfolder
    - Subfolder
  - Subfolder
Folder
  - Subfolder
(and so on)

I attached the modificated file, just replace it.
Only do this, if you use the minishowcase from Brian C. Becker and not the original!

Greetings
OldSparky!

Brains modification under: http://briancbecker.com/tmp/minishowcase_subiptc.zip

Gallery inspired by minishowcase

marioosh — Sat, 23 Jan 2010 07:56:38 -0500

Inspired by Your minishowcase i made my gallery using prototype.js and lightview as viewer and for slideshow :) I've added admin/owner button (login). Admin can making photos/galleries private or public, edit photos by picnic. Owner can view all photos (private and public).

You can look at here: http://mini.marioosh.net
(admin password: admin, owner password: owner)

Resorting galleries according to their creation date or upload date

chrisg — Wed, 30 Mar 2011 21:26:45 -0400

Is there a way to have the gallery list itself sort according to the date the gallery was created or the upload date to the server? I understand how to change the sort order in the settings.php file and this option isn't offered - however wondering if PHP can sort according to file date or creation date on the server?

It's a bit of a pain and unnatural to name the gallery folders by dates first when you already have created a number of galleries (50+) and would break existing links. I would think it would be more natural to have them sorted according to the date the gallery was uploaded.

Anyway thanks for the great gallery, would be nice to have this as an option or workaround.

Thanks!

Click Gallery and automatically scroll to top?!

mrpink — Thu, 16 Oct 2008 02:28:21 -0400

hy!
i have got a lot of galleries so that users have to scroll the page down to get to click some of them.
the thing is, when they click at one of the galleries at the bottom of the page, the galleries opens at the top of the page, but the user won't notice because he had scrolled down to far.

is there any chance that the page scrolls up, each time a gallery is clicked, on it's own?

cheers

Wonderful!

tjarman — Wed, 11 Feb 2009 09:22:53 -0500

Victor, thank you for taking the time to create this application and making it available! It was simple to set up. Simple to use. AND it's a beautiful way to display photos!

New Features (sub galleries, captions)

BrianCBecker — Sun, 21 Dec 2008 16:13:53 -0500

Hey Victor & community,

First Victor, I wanted to let you know that your minishowcase is really good. I went through several dozen different photo gallery scripts and yours is by far the nicest and most modern. I was looking for a mini web Picasa and yours is very close to that.

I have made some modifications that I think would be of general benefit to the community. I added the ability to recursively load subdirectories so you can organize your photos in a hierarchical manner ("Traveling/Europe 2008/Rome" for instance). Directories with no images are ignored. Each directory is treated individually in the sorting procedure which could be good or bad depending on your personal tastes.

I also wanted to be able to show the captions I added using Picasa instead of encoding them directly into the filename. This info is stored in the IPTC section of the JPEG, which PHP can parse easily. I've implemented the ability to display this as well.

You can find my changes at http://briancbecker.com/tmp/minishowcase_subiptc.zip and preview it at http://briancbecker.com/tmp/minishowcase/ . The zip is also attached to this message. Victor, feel free to review the code and include it in the next release. I have updated the documentation as well, as I added a few new $settings to turn these features on and off. The zip is formatted just like a normal release so you should pretty much be able to unzip, customize, and go.

Let me know if anybody has any questions or issues with my changes. Hopefully this will help some people with their galleries.

Sincerely,
Brian C. Becker @ www.BrianCBecker.com

Increasing the thumbs navigation

Lionel — Sat, 25 Oct 2008 15:56:05 -0400

I wanted to display 8 thumbs instead of the 5. Here is my new function buildNavThumbs() (in ajax.functions.js).

Also you need to change the css in styles/gallery.css #nav_container from 410px to 600 px

Thanks to Victor for pointing me in the right direction

How I use Minishowcase

garydarling — Fri, 28 Dec 2007 18:13:53 -0500

I am using it to document a remodel project on my house in Seattle. Here is the link:
garydarling.net

I made some slight modifications to victor's code to make the site validate properly, I'll post those in another discussion.