Galleria image gallery package released

Permalink
I've released a new package for Concrete5 based on the Jquery Galleria plugin, now available for download

read more about it and see a demo at http://asmiller.com/b/concrete5/galleria/...

-Andy

Update - to check it out and download the plugin, visit the marketplace page athttp://www.concrete5.org/marketplace/addons/galleria_image_gallery/...

asmiller08
 
abovecreative replied on at Permalink Reply
abovecreative
Looks great Andy, pretty sure it will come in useful.
chawki replied on at Permalink Reply
chawki
Hey Andy.

Thanks so much for that! What a nice addition this will make.

Cheers,
CJ
marius replied on at Permalink Reply
marius
Great block - thank you Andy.

cheers

marius
Tony replied on at Permalink Reply
Tony
I like this block, but it's pretty weird when the images are different heights to have that huge space at the top. I thought it must have been a bug. concrete has some built in functionality for constraining image heights (look at the image block in the most current release). You should either:

1) add a max height parameter to the block edit screen, and if it isn't set, set it to the max height of the shortest image, or

2) don't worry about resizing the images to be the same height, but instead use an animated transition to contract it down to the new height when changing images (with overflow set to hidden).

Apart from that one issue it looks great.
asmiller08 replied on at Permalink Reply
asmiller08
Yeah, this is one thing I couldnt really decide on when I coded it... I thought it looked best how it is now.

To solve the problem of different height images, I'm working on a new custom template for it where the thumbnails are on the left side and the main image is on the right. That way, all the pictures can be vertically aligned at the top of the main image container.
Tony replied on at Permalink Reply
Tony
The Galleria Image Gallery is now live in the marketplace:

http://www.concrete5.org/marketplace/addons/galleria_image_gallery/...
olay replied on at Permalink Reply
olay
really well done thanks

— i wonder if you could offer any advice

I know it sounds besides he point of a great gallery, but i'd really like to use this gallery block without the thumbnails displayed (just using the click image forward to navigate + and the $.asmillerGalleria.prev(); and the $.asmillerGalleria.next();)

I figure that i somehow need to edit out the thumbnails from the view.php but can't get it right

If i remove the following code it kills the main image too

<ul id="asmillerGallery_<?php echo $controller->bID?>" class="asmillerGallery_<?php echo $controller->bID?>" style="margin:0 auto;">
      <?php   
   foreach($images as $imgInfo) {
      $f = File::getByID($imgInfo['fID']);
      echo '<li><img src="';
      echo $f->getRelativePath();
      echo '" ';
      echo 'title="';
      echo $imgInfo['description'];
      echo '"/></li>';
         ;}; ?>
   </ul>


Is it possible to loose the thumbnails? I can do it using the css .asmillerGalleryBlock li set to display none, but seems a bit of a waste to call the thumbnails and then hide them. Thanks again for the block
sbfowler replied on at Permalink Reply
sbfowler
Nicely done. I have two questions:

Is it possible to use the gallery but have the URL show as "mysite.com/", rather than "mysite.com/index.php/1980s/#/files/5312/5004/4806/b1.jpg", for example.

Also, is it possible to have the back button take the user back to the previous web page without having to first go back through all the photos that were viewed?
asmiller08 replied on at Permalink Reply
asmiller08
I fixed both of these issues in a new version 1.01 which is now available for download on the marketplace page.

http://www.concrete5.org/marketplace/addons/galleria_image_gallery/...
asmiller08 replied on at Permalink Reply
asmiller08
The unordered list is where the main image is drawn from, so the way you've done it is really the only way to make the thumbnails invisible. It isn't a really intense call to create the thumbnails, and once they are preloaded, the main images are loaded as well.
sbfowler replied on at Permalink Reply
sbfowler
Works perfectly. Thanks for the updates.
racerza replied on at Permalink Reply
Hi

Nice easy to use gallery, thanks. One request I have though - would it be possible to centre the thumbnails under the main image? On a small gallery I have with just 4 pics, the thumbnails look out of place to the left of the page while the main image is nicely centered.

tks
roger
01gaunte replied on at Permalink Reply
Thank you!

Is it possible create a link directly to a photo using anchors??
01gaunte replied on at Permalink Reply
zoinks replied on at Permalink Reply
I have used this block successfully on a couple websites-- thank you! It is a great package!

But, I'm not a master of CSS and though I've looked up the display property, I can not figure this out...

Some of the element classes have "display:none" ... I can't figure out what's being hidden.

For example:
.asmillerGalleria li a{display:none}
.asmillerGalleria li div{position:absolute;display:none;top:0;left:180px}

... what is being hidden here? The images are there. I researched the display property online but still didn't get it.http://www.w3schools.com/css/css_display_visibility.asp...
bryonblack replied on at Permalink Reply
Great Addon, but I have two questions.
1) Is it possible to increase the field length for the image description.
2) Changing the order of the thumbnails does not seem to work.
Zander replied on at Permalink Reply 1 Attachment
Zander
Please, look how this block works at my site when no user loged in(see in attachment).
Any ideas ho to fix it?
Thanks in advance.