Working Gallery Block

Permalink
I've attached a port of the FancyBox gallery script to the c5 block system.

This requires the use of the phpThumb library (included) and the FancyBox script (included).

This gallery block allows for Image Captions. Settings can be modified in the script and view.php template.

This is released free for anyone to make mods, but a Pro version is under development for the Marketplace.

1 Attachment

LucasAnderson
 
LucasAnderson replied on at Permalink Reply
LucasAnderson
1. Install the 'phpthumb' folder into your 'libraries' folder on your site.

2. Make any necessary changes to the settings in \gallery\templates\fancyzoom\FancyZoom.js

3. You will want to change the phpthumb call in \gallery\view.php to your libraries folder, not the one that's in there. (Missed that before release.)

4. Install block and enjoy.

If you have any problems or questions, let me know.
ScottC replied on at Permalink Reply
ScottC
I modified the script to use a variable for localhost, you could use a server variable for hosted installs.

What about licensing for this? In the javascript it asks for a commercial license for a site that makes money (what that is exactly, I don't know) hourly wage? Set up for profit (IE any company website) etc, like your painting website in the code, did you have to buy the license?
LucasAnderson replied on at Permalink Reply
LucasAnderson
This was released a bit early. The licensing for it is free for the block, but the javascript (FancyZoom) that runs it is NOT free for commerical use.

http://www.cabel.name/2008/02/fancyzoom-10.html...

This site has details on purchasing the license if you are going to use FancyZoom for the engine behind the gallery.
rbn replied on at Permalink Reply 1 Attachment
I am running concrete on a sub directory for testing at present. I modifed the Gallery view.php file to include DIR_REL and BASE_REL variables so that it should work correctly on any site.
See attached file saved as view.txt
liquidfuse replied on at Permalink Reply
That worked great!
freestylemovement replied on at Permalink Reply 1 Attachment
freestylemovement
have you or anyone heard of this happening? here is a a screenshot of the issue, but basically the previews dont seem to register, and when i click on the images it takes me to a whole different page.. i'm assuming that shouldn't happen either.

any clues?

thanks
LucasAnderson replied on at Permalink Reply
LucasAnderson
If you apply the patch that rbn posted above it should work just fine for you.

On another note, the c5 Country Club Creative Commons will be releasing a new gallery block shortly with updated features that will work right from install.
carvedhearts replied on at Permalink Reply
carvedhearts
This gallery block is great. So simple and well done. Here are a couple of changes that I made in my implementation that might be useful for others:

In View.php

Added &h=80&w=80&zc=1 to the thumbnail. This makes all of the thumbnails square (and cropped) so that they line up nice.

In CSS file the ends of title bars were repeating, so I added:

no-repeat top left - (td#fancy_title_right)

no-repeat top right - (td#fancy_title_left)

Again, great work on this block!
beeman89045 replied on at Permalink Reply
Lucas, RBN, Carved, et al. Thanks! This block works beautifully!

Couple things:
1. You need to modify /blocks/gallery/tools/fancybox.css if your C5 deployment isn't running from root (e.g. you're putting it in /C5) ... or the background Navigation images will not display. Not sure if there are any solutions like RBN's that can be adapted for CSS ... ?).

2. Ensure your theme's default TR / TD CSS styling doesn't interfere. The fancy_title CSS classes are Tables and will inherit default table settings (like Padding, for instance) ... which will make the caption portion render oddly.

Anyway ... great adaptation.
studiospark replied on at Permalink Reply
This might be what I'm looking for (trying to re-size the thumbnails to be uniform)

Where do I add:

&h=80&w=80&zc=1

Thanks.
champ715 replied on at Permalink Reply
Hi, I'm new to using Concrete5 and I'm not a programmer. I've designed a site using the program and I'm trying to use your gallery block but because I don't know anything about programming I'm not sure how to install it. I'm not sure what you mean in step 3 can you clarify for me? Thanks.
rbn replied on at Permalink Reply
Champ715
In the original install you had to modify the file view.php in your gallery folder which is installed in your blocks folder. This is so that it refers to the correct location for your libraries folder. I modified this file (see my post more detail on view.php) so that you can take my version (in that post) and replace the file view.php installed in the original installation. It should pick up the location of your library automatically using the system variables BASE_URL and DIR_URL. You then don't have to make any further modifications.
Hope this helps. RBN
glennfawcett replied on at Permalink Reply
I am having the same problems and am keen to hear if you solved.
alemao replied on at Permalink Reply
alemao
Hi all,
i did follow the install instructions posted on here and installed it via the admin panel so far everything seemd to be fine.
when i try to add pictures to the gallery i get redreict to choose an imagine and when i choose one i gbet redirect to a blank page.
the only option there is to close the window, if i do so it shows me an undefined image. when i exit the edit mode nothing sohws up in the agllery.
what did i have done wrong?
carvedhearts replied on at Permalink Reply
carvedhearts
Anyone have an idea on how to make multiple galleries on a page? It seems that if you put more than one gallery the lightbox quits working.

I would guess there is a collision happening with id="gallery" twice on the page.
LucasAnderson replied on at Permalink Reply
LucasAnderson
I would append the block ID using the getBlockID() function, if you need help with the call for that, let us know.
AnotherAndrew replied on at Permalink Reply
AnotherAndrew
Where / how would you add the getBlockID() function to make multiple galleries?
cssninja replied on at Permalink Reply
cssninja
This gallery is great, but I have some problem. How to quickly add multiple photos to gallery?
I have to add 200 pictures to the gallery, Is there any way not to click 200 times?
How to modify the block to add multiple photos on a page?
frz replied on at Permalink Reply
frz
it's not in 5.3 today, but it's been requested a few times so i think its likely to show up before long.. hopefully the completely new approach to files will help..
Iconoclast replied on at Permalink Reply
Hey guys, when I click the Add Image button to add images to the gallery, even though it lets me check multiple pictures, when I click and press "Choose" it only adds the picture that I clicked on...is there a way to add several all at once? Am I just doing something wrong? Thanks!

EDIT: Sorry, I just read the post above mine...any idea if anything has become available to do this since it was released?
frz replied on at Permalink Reply
frz
a multi-select would be nice... there is the ability to pick a whole set, and in 5.3.1 we will have "upload to a set" so that should take some steps out of some processes.. but yeah, multiselect in file manager is going in feature requests methinks.. not sure how easy that's actually gonna be
ronin17 replied on at Permalink Reply
Has anyone modified this package to work with 5.3? I have at least gotten to the point were the file selection seems to work and the thumbnails display while selecting the images. But I am still stuck on the package actually creating the gallery.

I am not good enough at coding to see what other changes I need to make to get this to work. For instance, what file is actually creating the gallery? Is it the auto.js file?

I know I could buy the gallery package from the marketplace, but the only reason I am using an open source CMS is to not have to spend money...
chrisalbrecht replied on at Permalink Reply
I'm wondering the same thing that Ronin17 asked - that is, can anyone point us in the right direction to update the old 'free' version to work properly with 5.3?
I am running c5 on a friend's site because he cannot afford to spend much on his web page, so buying the new gallery is not feasible in this case.
I updated the controller.php with the correct call to the filemanager, but I think there is more to it to fix this one..
Any help would be greatly appreciated.

Thanks,
Chris
brunocloutier replied on at Permalink Reply
brunocloutier
Is it possible to mod the script to have square thumbnails instead of just smaller images? I've read carvedhearts' solution but couldn't implement it in the commercial release.

Thanks!
ScottC replied on at Permalink Reply
ScottC
the output thumbnail or get thumb function respects the aspect ratio of the image for making a thumbnail.

If you want to get square thumbnails like the ones here you will need to provide a square image or have some sort of cropping functionality with gd or imagemagick, basically take the height of the image, crop the left and right side to make the square and either provide a best case area from which to make the square(if one side of the photo is more interesting) etc. Not in the core right now (that I know of).
glennfawcett replied on at Permalink Reply
I have just setup the block and all seems fine except when I try to add photos. As soon as I choose the photo it goes to a blank screen and all I can do is close it. After that, it just says undefined and no image has been uploaded.

Does anyone know how to fix this?
abovecreative replied on at Permalink Reply
abovecreative
Hi
I have the same problem as some people above, when I try to add an image I get a white edit screen and no gallery is created. I have changed the view.php file so it points to my libraries folder but it still does the same. Any ideas?

Thanks, Karl
FireMe replied on at Permalink Reply 1 Attachment
Hi i am new to Concrete5 as a CMS, On to the gallery problem. when i add a gallery and click add image and choose one i get a blank screen ive attached a screenshot, any ideas thanks in advance

edit- oh just noticed some people above have same problem, any of you found a fix?

FireMe!
chawki replied on at Permalink Reply
chawki
I get the same problem since the update to 5.3. If anyone has a solution to this it'd be much appreciated.
xandre replied on at Permalink Reply
I also had the problem with the blank box after adding a picture, so I programmed my own Gallery based on the code of Slideshow, with a modified version of phpThumbnail and Thickbox. There are two modes of phpThumbnail, one that generates nice, square thumbnails and one that generates thumbnails in either portrait or landscape format, depending on the original.

I'll upload it to you when I've checked it'll work on other servers than my own.

EDIT: I'll party on hard this evening so don't expect anything until Monday. Sorry!