Developing (v7+)

 

Tony replied on Jun 14, 2010 at 7:13 pm Permalink Reply

the flash gallery does a really good job at expanding to the full screen:
http://www.concrete5.org/marketplace/addons/flash_gallery/...

and the proPhoto gallery's filmstrip expands to the full width of the page, although the main image won't expand/contract when the window is resize at the moment (it might be cool though if it did though, maybe I should add that?)
http://www.concrete5.org/marketplace/addons/prophoto/...

dancer replied on Jun 15, 2010 at 3:45 am Permalink Reply

Hey Tony.
Thanks for the super speedy response.

I did see the flash gallery and did wonder... but would the client need to have Flash skills to update or would it simply pull in the images from the File manager (as you can see I have not looked into it in that much detail).

I was looking more for a JQuery Solution. After some investigation. Galleria maybe able to do it with a lot of poking around.

Finally, for proPhoto I do not think resizing the browser for every image would be too popular, but if the image expanded (proportionally) to either the width or height of the browser window then that would be great. Taking control of the users browser is pretty frustrating IMO.

ThanksAlistair

dancer replied on Jun 16, 2010 at 8:05 am Permalink Reply

Hey there,
So this Flash Gallery.

Does my client need to know flash to add images?

When I mean full screen I intend to make the images fit full screen.

Is there any way I can test drive one?

Thanks
Alistair

dancer replied on Jun 17, 2010 at 9:39 am Permalink Reply

Bzzzzump

:)

LucasAnderson replied on Jun 17, 2010 at 9:46 am Permalink Reply

No, your client will only need to know how to add files to the File Manager and then assign them to sets.

The image fits as large as it can with a header and a thumbnail footer, but I would say this is one gallery that allows for the largest display of images.

You can test drive one by clicking on the link that says "Try out the Flash" on this add-ons page.

http://www.concrete5.org/marketplace/addons/flash_gallery/...

dancer replied on Jun 17, 2010 at 9:53 am Permalink Reply

Hey thanks for the post Lucas.

I suppose the problem is that I would like to have the images full screen, similar to a background images, without the arrows ad without the header.

The thumbnails I can deal with and I would like to navigate the images by bringing the "hit" area within the images.

I wanted to play around to see if this was capable to change all of this. If I can then – SOLD!!

RyujiS replied on Mar 17, 2011 at 12:19 am Permalink Reply

I use Flash Gallery, but this gallery is incapable of producing full screen images, AFAIK. Plus, C5 people are very resistant to any suggestion/request I submitted about this add-on. It's very frustrating and I wish I didn't buy that module.

I, too, would love to have this capability, whether it's flash based or otherwise.

jordanlev replied on Mar 17, 2011 at 3:48 am Permalink Reply

Do you want the image to be a background image, or for an image to come up in a lightbox and fill the whole screen?
There are probably jquery solutions out there for both of these scenarios, and all you'd have to do to implement them is paste in a few lines of javascript code into your theme file and then add an image block to the page.

dancer replied on Mar 17, 2011 at 4:38 am Permalink Reply

I never checked out the Flash Gallery... Flash by it's very name makes me squirm in my seat.

I ended up using the Fullscreen theme from Galleria:
http://galleria.aino.se/

I did get a sizable dose of help from Jordanlev to implement it though!!

RyujiS replied on Mar 20, 2011 at 3:47 pm Permalink Reply

That sounds very nice but is there a place where I can read & learn how to do it? I'm not familiar with Java or PHP, although I have basics of programming from 1980s haha. Thanks!

jordanlev replied on Mar 20, 2011 at 3:56 pm Permalink Reply

This might be what you're looking for:
http://www.concrete5.org/marketplace/addons/backstretch/...

RyujiS replied on Mar 20, 2011 at 3:58 pm Permalink Reply

No, I'm looking for an image gallery like the Galleria that dancer was talking about. Not background image... which I already have via Clearview theme.

RyujiS replied on Mar 28, 2011 at 2:05 am Permalink Reply

So, if I were to use Galleria on C5, is there a tutorial of how I can integrate with the C5, especially where accessing to image files in file sets?

dancer replied on Mar 28, 2011 at 3:55 am Permalink Reply

No there isn't.
– I created a new page theme.
– Added the Javascript/JQuery into the header.php, you can create a little bit of logic to see if you are on the correct page type so you are not loading all the Javascript for every page on your website.
– The simple add the images to each required page via the image block. This is a fairly long winded way of adding the images but like you I have limited knowledge of PHP and would not know how toload images via the file sets.
Sorry I couldn't be of more help
Gd lk
Dancer

RyujiS replied on Apr 18, 2011 at 5:57 am Permalink Reply

Ok, this is absolutely the first time I did anything with PHP in more than 2 lines. I'm lazy and didn't want to lay image blocks each time I use Galleria, so I made this thing up. I would appreciate feedback from experts on this. I had a number of questions I couldn't find answer but figured out by trial-and-error... and you know how that feels.

Loader::model('file_set');
Loader::model('file_list');
$fs = FileSet::getByName('Name of the File Set');
$fl = new FileList();
$fl->filterBySet($fs);
$fl->sortBy("fsDisplayOrder", 'asc'); 
$files = $fl->get();
echo '<div id="Galleria">';
// global $c;
// if (!$c->isEditMode())
echo '<script>';
$buf =<<<EOF
Galleria.loadTheme('/galleria/themes/classic/galleria.classic.js');
var data = [
EOF;

Viewing 15 lines of 30 lines. View entire code block.

 
Loader::model('file_set');
Loader::model('file_list');
 
$fs = FileSet::getByName('Name of the File Set');
$fl = new FileList();
$fl->filterBySet($fs);
$fl->sortBy("fsDisplayOrder", 'asc'); 
$files = $fl->get();
 
 
echo '<div id="Galleria">';
 
// global $c;
// if (!$c->isEditMode())
echo '<script>';
 
$buf =<<<EOF
Galleria.loadTheme('/galleria/themes/classic/galleria.classic.js');
var data = [
EOF;
echo $buf;
 
foreach($files as $f) {
   $path = $f-> getRelativePath();
   $thumb = $f-> getThumbnailSRC(1);
   $title = $f->getTitle();
$desc = "";
//   $desc = $f->getDescription();
   echo "{
      image: '$path',
      thumb: '$thumb',
      title: '$title',
      description: '$desc'
   }, ";
};
 
echo "]; $('#Galleria').galleria({ data_source: data, height:600}); </script></div>";
 

RyujiS replied on Apr 18, 2011 at 6:01 am Permalink Reply

Thanks - I found and read other threads you started on the same topic, and spent some time to come up with the code I just posted, You can use free PHP code add-on from marketplace to insert this PHP code to insert Galleria and use it with a file set. You still need to load the library from the theme header file like you described. This code merely takes care of your third bullet.

RyujiS replied on Apr 18, 2011 at 3:41 pm Permalink Reply

deleted