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/...
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/...
Looks great Andy, pretty sure it will come in useful.
Hey Andy.
Thanks so much for that! What a nice addition this will make.
Cheers,
CJ
Thanks so much for that! What a nice addition this will make.
Cheers,
CJ
Great block - thank you Andy.
cheers
marius
cheers
marius
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.
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.
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.
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.
The Galleria Image Gallery is now live in the marketplace:
http://www.concrete5.org/marketplace/addons/galleria_image_gallery/...
http://www.concrete5.org/marketplace/addons/galleria_image_gallery/...
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
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
— 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
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?
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?
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/...
http://www.concrete5.org/marketplace/addons/galleria_image_gallery/...
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.
Works perfectly. Thanks for the updates.
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
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
Thank you!
Is it possible create a link directly to a photo using anchors??
Is it possible create a link directly to a photo using anchors??
Need it forhttp://championcaterers.co.uk/photos...
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...
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...
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.
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.
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.
Any ideas ho to fix it?
Thanks in advance.