asmiller gallery with 3 columns of thumbnails?
Permalink
I really like the asmiller gallery because it is easy for a client to add and delete images. My layout requires 9 blocks to the left and 1 big image on the right.
Any idea how I could customize the left_side_nav template to work as 3 colums of 3 rows each, rather than 1 column?
I took a look at it and I think it would be in the view.php around this part:
<ul class="asmillerGallery">
<?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>
<div id
Any idea how I could customize the left_side_nav template to work as 3 colums of 3 rows each, rather than 1 column?
I took a look at it and I think it would be in the view.php around this part:
<ul class="asmillerGallery">
<?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>
<div id
Oh, right-- I think I understand... you would make the the LI's of the UL go inline with a padding of 10px or so on the right and bottom so that when they get to the full width of the container, they fall to the next line.
Is that what you mean?
Is that what you mean?
I just mean that whatever you do, you do it in CSS (not php or html). Your suggestion sounds reasonable to me, but as with all things CSS you need to experiment and arrive at the solution via trial and error.
I've got 3 columns going now, but I'm having one heck of a time trying to locate where I can change the size of the thumbnail images. Been about 40 minutes so far and I've pretty much eliminated everything in the css file.
I'm trying to get 100px wide and tall thumbs with 10px padding on the right and bottom. They are staying 60px no matter what I do.
EDIT: okay... seriously, I have tried everything in the left_side_nav css and nothing changes it from 60px.
Isn't the point of the templates folder to override the defaults? I don't get it.
I'm trying to get 100px wide and tall thumbs with 10px padding on the right and bottom. They are staying 60px no matter what I do.
EDIT: okay... seriously, I have tried everything in the left_side_nav css and nothing changes it from 60px.
Isn't the point of the templates folder to override the defaults? I don't get it.
Sorry to hear this has been so challenging. Unfortunately I've never tried to do this before so I don't know what to tell you to make it work. I would suggest finding a forum that is specifically for the "jQuery Galleria" plugin (which this addon is using) -- google around, check out the galleria's website, etc. This problem is not specific to concrete5, so don't even bother mentioning c5 or "asmiller" -- they will have no idea what you're talking about -- just say you're trying to style the Galleria thumbnails.
Good luck!
-Jordan
Good luck!
-Jordan
You sure it's the galleria plugin? It's called "asmiller gallery" (not galleria) and it is significantly different from the C5 Galleria plug-in.
As far as I know the galleria and asmiller gallery are the same thing. It's this one, right?:
http://www.concrete5.org/marketplace/addons/galleria_image_gallery/...
(if that's not it, can you post a link to the one it is, so I can see?)
http://www.concrete5.org/marketplace/addons/galleria_image_gallery/...
(if that's not it, can you post a link to the one it is, so I can see?)
If you're familiar with CSS already, then you should be able to figure this out on your own -- just mess around with some styles in your theme's css file for these selectors:
Probably can google around for "style jquery Galleria thumbnail column" or something like that to see if anyone else has done this before (I'm guessing they have because this is a very commonly-used component in all systems, not just concrete5).