fixed grid layout with Overlay function?

mqshain / 2013-01-25 05:01:07   

Hello Forum,

I'm trying to layout a selection of images in an exhibit so that they are in a fixed 5x2 grid. I've input the code so that I have the grid, but I can't seem to create any space between the 5 columns, only the 2 rows. Here is a snippet of the code: " "

In addition to the grid, I'd like the images to be linked so that they expand and can be seen larger and one at a time, such as the overlay function allows.
Is this possible with my format customization? If so, any tips as to how would be greatly appreciated. I'm a novice when it comes to scripts, so please be gentle.

Thank you.

mqshain / 2013-01-25 05:02:38   

Not sure why the code did not show up.

mqshain / 2013-01-25 05:12:41   

matthewshain.com/index.php/project/shooting-range/

arsondpi / 2013-01-25 08:51:39   

Why do are hardcoding this?
Use Visual Index:
- go to exhibit options and select Visual Index. Select Overlay under the Onclick option and set the Counter to 5.
-Go to Admin/Formats/Visual Index, Options and set the right margin/bottom margin.
Done!

mqshain / 2013-01-25 16:48:23   

Thank you arsondpi!
It's not exactly what I wanted but so much closer.
I'm still learning this newer version of IE. When Overlay is selected and I click on the image all that I get is black screen. Have I missed a setting somewhere?

arsondpi / 2013-01-25 17:16:06   

I wouldn't know - I only see Permalinks activated in the link you posted above...

mqshain / 2013-01-25 17:20:10   

Sorry, one more thing. I would still like for there to be space between the images on the vertical sides. How can I make it look something like this? curtishamilton.com/index.php/project/photographs-2010-12/

This isn't my site, but I like the layout (and the artwork).

Thanks again

arsondpi / 2013-01-25 17:24:39   

There are "right margin" and "bottom margin" adjustments in Admin/Formats/Visual index, Options

mqshain / 2013-01-25 18:57:03   

Thanks again. IE2 is so much deeper than the previous version. You've been really helpful.
I found the old thread about fixing Overlay in Google Chrome and I input the code fix that Vaska provided, however, now the images load halfway down the page. You have to scroll down to see them. This doesn't happen in Firefox, only Chrome. I've tried changing the grid settings to center/center or left/soft, but nothing makes a difference. Is there a piece of code I'm missing? I just cut and pasted the one Vaska provided in that old thread, so I know I didn't mistype anything.

Vaska A / 2013-01-25 19:03:02   

That's a new problem I haven't seen before and nobody has reported that problem. Are you sure this is not related to some other customization you may have done? Will you show me which exhibit has this problem?

Vaska A / 2013-01-25 19:03:38   

Your site is looking really sweet, Curtis.

mqshain / 2013-01-25 19:07:41   

sure.
matthewshain.com/index.php/project/shooting-range/

Unfortunately, I am not sure it isn't related to some other customization. I've tried changing a few different things, though, but nothing has solved the problem.
Thanks for checking it out.

mqshain / 2013-01-25 19:15:37   

oh, I'm not Curtis. That's just an artist's site and work that I recently found and really like.

Vaska A / 2013-01-25 19:55:06   

Something isn't right there. It's doing the same thing for me, but on my setup, same code, it's working great. So, it's a CSS issue. Did you make any changes?

mqshain / 2013-01-26 23:00:46   

I made two changes. One was to copy in the original code fix you posted for Overlay in Chrome. The other was to the options.php. I changed the file pixel size limit to 999kb so that I could exhibit slightly larger images.

mqshain / 2013-01-27 01:56:16   

ndxzsite/config/options.php

around line 13:
$default['maxsize'] = 1000

mqshain / 2013-01-28 19:02:54   

Has anyone else had this issue with Chrome? (see above) Any input would be appreciated.
Thanks.

ncott / 2013-01-28 21:32:56   

So, I think I've been having a similar issue. And the fix is pretty easy.

Basically, the dark (or light) background for overlay is showing up above the image. To fix that, go to /ndxzsite/css/overlay.css and on line 25, for #dialog, add 'z-index:999;' .

Let me know if that fixes things for you.

mqshain / 2013-01-28 22:11:04   

unfortunately, i didn't help. you can see what's going on here:
matthewshain.com/index.php/project/shooting-range/

thanks

mqshain / 2013-01-28 22:12:15   

in fact, now the problem is happening in firefox too

mqshain / 2013-01-28 22:27:57   

i changed the code back in order to check that it wasn't your suggested fix, ncott, that created the problem in Firefox. The problem exists either way. I just wanted to let you know that, so that you didn't think I was blaming your suggestion for my website ills. thanks again.

This thread has been closed, thank you.