Image Gallery

Permalink
Hello.

One question.

To add images is no problem. But what can I do if I want to create a page with lots of images.

Does a image gallery exist which I can intigrate into c5 as a block? I don't want a separate image gallery in a new window.

oLi

MCE80
View Replies:
Remo replied on at Permalink Reply
Remo
I've built one, but it's not really finished yet!
It works but misses a couple of things. Pictures are not shown after uploading them, you need to close the edit dialog and re-open it for example.. And a few other problems.
Want to have a look at it?
MCE80 replied on at Permalink Reply
MCE80
If you could send me a link it would ne great.
Remo replied on at Permalink Reply 1 Attachment
Remo
I've attached a zip file..

Just to mention it again. This code is not meant for production yet! I was playing around a bit and you should be able to generate a more or less working gallery with it.

I'm probably going to rewrite the hole block as soon as I need it. I offered for a project where I need such a functionality a few days ago...

But feel free to report idea, problems to this forum! Or fix, extend the code on your own.
meffid replied on at Permalink Reply
What's the update on this?
frz replied on at Permalink Reply
frz
I think we'll be releasing an updated image gallery block as well, we're building something for this site now that shows images in a overlay, thumbnails on the page, etc..
csipke replied on at Permalink Reply
look at this:http://www.adrim.hu/kepek/
downloadable on the site
andrew replied on at Permalink Reply
andrew
Ferenc,

Wow, that looks great on the presentation end. I'll definitely take a look at this..
vernon replied on at Permalink Reply
This gallery actually looks really good to me but I didn't see that many are thinking about using it. I'm going to try it on my site and see what happens. Will report back if it's what I need.
chawki replied on at Permalink Reply
chawki
Hi cspike.

I checked out the site above and, wow, it looks great. That's what I want for my site. So, I downloaded the block and will try it.

I just have one question. In the readme.txt file it states "1. Copy the following two files in themes/YourTheme/ directory"... My issue is that I'm using the Plain Yogurt theme and my 'themes' directory is empty.

Any thoughts on where the Plain Yogurt theme exists?

Thanks,
CJ
csipke replied on at Permalink Reply
Hi,

Plain Yogurt theme is default theme

copy concrete/themes/default -> themes/YourTheme
chawki replied on at Permalink Reply
chawki
Hi cspike.

Thanks. Yes, I know that Plain Yogurt is the default theme. It's just that I don't seem to have access to the 'concrete/themes' directory. That is, I have access only to '/home/cj/public_html/themes'. In that directory are only the themes I've downloaded and placed there. Not the default themes.

Any thoughts are greatly appreciated. My site is being hosted by Concrete.

Cheers,
CJ
Remo replied on at Permalink Reply
Remo
you should never change files in the concrete directory! never! this is the core and the c5 hosting team will override this directory if there's a new version.

whoever told you that is wrong. you have to copy that themes to your "personal" theme directory if you want to make changes there.

just copy concrete/themes/default to /themes/default and change the description.txt to make sure it doesn't have the same name... from there you can change whatever you want!
chawki replied on at Permalink Reply 1 Attachment
chawki
Hi Remo.

Thank you for your suggestion. But that's exactly what cspike is telling me. And that's exactly what I'm wanting to do.

My problem is this, though... When I SFTP in to my site I don't have a 'concrete' directory. I do have a 'themes' directory where I've place themes that I've downloaded. I've attached an image of what I see in my SFTP client. Maybe that'll help explain it.

And perhaps this is a totally silly question. If so, I apologize. I'm just getting going with Concrete.

Thanks again,
CJ
andrew replied on at Permalink Reply 1 Attachment
andrew
This is a great question - because it illustrates something we need to do to make it easier for our hosting customers. We've got the core themes locked away in a shared concrete5 directory on our server, which is great for when we need to make changes, but it doesn't help anyone who wants to copy them into their own themes directory to make changes for their site.

I'm attaching the two shipping themes that are installed with your site - plain yogurt and green salad. These are basically the same themes that you'd be able to copy over from concrete/themes/ - if you could see that directory. I've named them plain_yogurt_local and green_salad_local so that you can keep track of which is which.

Sorry for any confusion. You should be able to unzip this and upload these themes to your themes/ directory, and see them in your dashboard (and then install them and make changes to them.)
Remo replied on at Permalink Reply
Remo
Didn't think about that for more than half a second but why don't you put the in /themes instead of /concrete/themes?

The core doesn't need these themes, does it?

Would be easier to play with it, otherwise a lot of people (not only those who are hosting with you) are going to modify stuff in "concrete"
chawki replied on at Permalink Reply
chawki
Hi Andrew.

Thanks for the explanation. That's just what I needed. I thought I was going crazy. I've now copied the themes to my 'themes' folder and installed the Image Gallery. Works beautifully. Awesome!

Cheers,
CJ
weltenschmid replied on at Permalink Reply
weltenschmid
Hehey there,

I was using a modified version from csipke and way happy with it. Before the update to 5.3, I gotta add...
Now, the Gallery shows fine until I'll try to add pixx from the Filemanager.
As soon as the image is chosen, the Filemanager-Popup itself turns dead white. The wicked thing is; I can continue if I close the window, which gets me back to the gallery block.
The auto.js from the block receives the file values, like thumb and filename etc. Is it possible that some events changed or where lies this problem?
chawki replied on at Permalink Reply
chawki
Hi weltenschmid.

Did you ever get a fix for gallery in v5.3? I'm having the same problem.

Cheers,
CJ
Remo replied on at Permalink Reply
Remo
I think Sam's currently cut off from the internet (:

I don't have a zipper on this box but I've uploaded it here (bz2 isn't allowed here):http://www.concrete5.ch/files/gallery.tar.bz2...
racerza replied on at Permalink Reply
Hi, this site athttp://www.adrim.hu/kepek is no longer there... any chance someone who downloaded his gallery block could post it here? Or recommend any other working gallery (or is the paid version all there is now)?
teknojunkey replied on at Permalink Reply 1 Attachment
teknojunkey
I have created a gallery, it is not great bu t it works.

I hade to create a div in the theme template called
<div id="gallery">
for it to work also reference the javascript and css in the header file.

Its just a rip off of the image module!

can see it here :http://dev.crocodile-communication.com/intaglio...

(maybe you can allow .rar files?)
Remo replied on at Permalink Reply
Remo
I haven't seen a php rar library and using external commands isn't nice..

Why would someone want to work with rar files? It doesn't compress as good as 7z does and it's not as widely accepted as zip?
andrew replied on at Permalink Reply
andrew
I'm excited to get the blocks area of concrete5.org up and running next (after our bugs/issue tracker) because it's clear that people have put a lot of work into their solutions, and they should get some recognition for them.
MCE80 replied on at Permalink Reply
MCE80
Thanks for all the usefull solutions. I will try all. Perhaps I can help someone later, too, when I had a deeper look into the core to build blocks on my one.
Matt replied on at Permalink Reply
removed
andrew replied on at Permalink Reply
andrew
It looks great. A friend is putting together a gallery site for her work as a photographer, and this would be great.

Thanks for the tip..
roferix replied on at Permalink Reply
roferix
please delete this post
hgbeeker replied on at Permalink Reply
hgbeeker
I liked the picture gallery ImageFlow. Can someone explain me how I can imbed this into my page. Do I have to create a custom block and can I just copy paste the necessary code within. Please have a look at this demo:http://tinyurl.com/5rkpm8. I also looked at the dfGallery that Matt did. I would really appreciate if you could give me a brief rundown how to implement these. Thanks!
Matt replied on at Permalink Reply
removed
hgbeeker replied on at Permalink Reply
hgbeeker
Hi Matt, Thanks for your reply. I am trying to insert the code into the html section of the editor but it seems not to understand the code when I want to save. I don't know if this have to do with Zend Framework as I have very little programming knowledge in ZF.
AndyB37 replied on at Permalink Reply 1 Attachment
AndyB37
Here's my contribution to the mix. Saw ImageFlow mentioned in here and I liked it, so I thought I'd try my hand at creating my first block (you may recognize the base code from the Slideshow block). I'm also new to php in general, so if any of you expert-types have any suggestions to make this code better, please let me know.

Oh, and the "legal stuff": commercial use of the ImageFlow gallery is not free, so head on over to their site if you end up using it:
http://finnrudolph.de/ImageFlow/Download...

I included some customization options in the block setup form, but there are more options lurking in the code and even a couple of database fields created that I decided not to use (at least not yet :)

"Gallery Title" I intend to use in my implementation by creating an Image Gallery Autonav block that grabs all of the galleries on a page and list them by Gallery Title. Clicking on a gallery would then hide the other galleries and show only the one you selected. I just haven't gotten that far yet. I'm open to other suggestions about how this should work.

(By the way, I typed this whole post one-handed while rocking my teething baby back to sleep, so please excuse any typos :)

By the other way... I just realized I never tested this in IE, or Safari, or etc. - only Flock (and I suppose by extension, Firefox) - and the loading bar is doing a strange thing in IE. Any ideas on fixing my CSS? (Did I mention I'm rather new to CSS as well :)?
Remo replied on at Permalink Reply
Remo
There are a few discussions about the gallery but right know, there's only one block available with code (mine, which isn't finished yet).

dfGallery is okay but I will never tell my user that he has to enter some fancy looking stuff into the content block. Using the c5 block system is much more apprpriate for this.

Are there any blocks available (including source) that work? Otherwise I'll finish my block..
Matt replied on at Permalink Reply
Yep that's the real problem. I don't know how to write blocks. If I did I'd work on something. A working block would be great!

Thanks!
Matt replied on at Permalink Reply
Yep that's the real problem. I don't know how to write blocks. If I did I'd work on something. A working block would be great!

Thanks!
Remo replied on at Permalink Reply
Remo
do you have some php experience?

if yes, it's easy to build your own block. start by looking at a simple block directory like "file"..

and check the documentation/tutorials of course!
ScottC replied on at Permalink Reply
ScottC
works perfectly. It contains a lot of fragments from the slideshow block still in there, but it does in fact work.
Remo replied on at Permalink Reply
Remo
sorry.. I checked this thread twice without finding that download link! thanks!
ScottC replied on at Permalink Reply
ScottC
:)
hgbeeker replied on at Permalink Reply
hgbeeker
Without any decent gallery module or easily to be implemented it will be very difficult for any given CMS to succeed. I like the structure of C5 very much but will have to move on. I will definitely come back so now and then to see how things have evolved. Cheers!
LucasAnderson replied on at Permalink Reply 1 Attachment
LucasAnderson
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.
jeremib replied on at Permalink Reply
Except, it seems like it is looking for the files at /home/gigstatp/... instead of my dir.

Did I miss something that I need to configure?
jeremib replied on at Permalink Reply
had to edit blocks/gallery/view.php.

I'm going to attempt to modify this, add litebox, categories, etc.
stoneyard replied on at Permalink Reply
stoneyard
when will the pro version be ready?
Chris199 replied on at Permalink Reply
It was mentioned before. You can see and download it here:http://www.adrim.hu/kepek
You might want to ad the following to your css file
/*ImageGallery*/
.imagegalleryblock {
   width:100%;
   padding: 12px 0 0 0;
}
.galleryimage{
   height:84px;
   width:84px;
   background:#E7F6FF none repeat scroll 0 0;
   border:1px solid #000066;
   cursor:pointer;
   float:left;
   margin:0 12px 12px 0;
   padding:13px;
   text-align:center;
Then you can change the look of the gallery on the page.
MissMarvels replied on at Permalink Reply
MissMarvels
I'm using this gallery here also

http://www.missmarvels.nl/index.php/referenties/...

is is embeded in the page itself. If the thumbs are choosen the gallery will open.

It is using the default Jquery lightbox plugin.
http://leandrovieira.com/projects/jquery/lightbox/...
eXisTa replied on at Permalink Reply
This was a great help, it works freaking great!

Everyone who is looking for Lightbox and an image gallery should use this.
liminal replied on at Permalink Reply
We really need to collect all the different blocks that are scattered across this forum and put them into a single section (unless there is one I have missed) as this is a very cool gallery!

Cheers
Remo replied on at Permalink Reply
Remo
There's a section only for this:
http://www.concrete5.org/community/marketplace/addons...

Not all the blocks have been published there though. Some of them are just no really finished...
frz replied on at Permalink Reply
frz
as remo points out, there is a marketplace for blocks and we're happy to put stuff in there that costs nothing at all, or even stuff in there that other developers want to sell

All we need is for anyone who feels their block/add-on is ready for prime time to go ahead and submit a bit of info to us from the form athttp://concrete5.org/community/marketplace...

as the project continues to grow we're going to be putting a lot of care into this section so it ends up being a safe, sane, well organized place to add stuff to your site (like facebook) vs. a confusing, huge, overwhelming pile of stuff that only half works and breaks everything else on your site.. (cough cough -DRUPAL-)..
stoneyard replied on at Permalink Reply
stoneyard
When will I be able to purchase this functionality?
craftyCS replied on at Permalink Reply
craftyCS
Hi I've implemented the lightbox block and copied the code that references the css and js file into the /elements/header.php file, put the two files into my theme directory (/themes/villacasafontana) but it simply will not work? It looks like it isn't seeing the two files mentioned above I have installed the block and added the images, has anyone else had this problem?

http://www.villacasafontana.com/index.php/around_the_lake/...

the gallery is inside the sidepanel div
craftyCS replied on at Permalink Reply
craftyCS
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>

<!-- Site Header Content //-->
<style type="text/css">@import "<?php echo $this->getStyleSheet('main.css')?>";</style>
<style type="text/css">@import "<?php echo $this->getStyleSheet('typography.css')?>";</style>
<style type="text/css" media="screen">@import "<?php echo $this->getThemePath()?>/jquery.lightbox-0.5.css";</style>
<script type="text/javascript" src="<?php echo $this->getThemePath()?>/jquery.lightbox-0.5.js"></script>

<?php Loader::element('header_required'); ?>

</head>
marxion replied on at Permalink Reply
marxion
My install behaves just like your link. Click image and opens in new page....I gave up...no time to debug.
marxion replied on at Permalink Reply
marxion
I renamed the js.lightbox-0.5.js to just lightbox.js then had to merge the lightbox CSS file into my main CSS stylesheet. Here's my code:

[<style type="text/css">@import "<?php echo $this->getStyleSheet('main.css')?>";</style>
<style type="text/css">@import "<?php echo $this->getStyleSheet('typography.css')?>";</style>

<?php Loader::element('header_required'); ?>

<script type="text/javascript" src="<?php echo $this->getThemePath()?>/lightbox.js"></script>
]
alemao replied on at Permalink Reply
alemao
hi all,

i am using anothe rjquery script on my side, which is embeeded in the site itself - its not a block.

I want to play videos but dont wanted to have 3 different video players on the site so i made it like this:

http://creatingbusiness.de/video/video_galerie...

just click on one of the thumbnails below the regular video player.

Cheers