Overlay - display project description

peterkohl / 2012-06-15 20:14:34   


Hi there!

I'm currently building a site using the visual-index-format.
When you click on one of the thumbnails, the overlay opens. Now you have to click on that [+]-Button to make the project description visible.

But I'd rather display all the information instantly without any additional clicks. I've been searching around format.visual_index.php and plugin.jxs_ndxzbox.php, trying to figure out how to change that.

I have some css-skills, but I don't know much about php. Can anyone tell me where (and perhaps also how) to do that?

Thanks a lot in advance,

Peter

lux / 2012-06-15 21:08:16   

hej peter
you will find it in: plugin.jxs_ndxzbox.php | line 94

lux / 2012-06-15 21:15:55   

and in: plugin.jxs_ndxzbox.php | line 132

lux / 2012-06-15 21:23:20   
  1. delete or play with this:
  2. <a href='#' onclick="$('#dialog-toggle').toggle();" style='display: block;'>[+]</a><div id='dialog-toggle'>
peterkohl / 2012-06-15 21:32:36   

Hey! That was a really quick and helpful answer, thanks a lot!
I played around with the php without any success before - but for some strange reason I never had the idea of simply deleting the whole thing ;)

Anyway: That works out fine! Problem solved - thanks.

lux / 2012-06-15 21:40:11   

fine. whats your site — for looking around in future?

peterkohl / 2012-06-15 21:59:37   

natalja-schuller.de
I'm currently setting this up for a friend, so it's still a testingground.

peterkohl / 2012-06-15 22:00:09   

natalja-schuller.de
...

plocploc / 2012-06-18 19:25:22   

Hello

Could you be more explicit about this ?

  1. If I delete 
  2. <a href='#' onclick="$('#toggle').toggle();" style='display: block;'>[+]</a><div id='toggle' style='display: none; background: black; padding: 3px 6px 6px 0;'>"

Then my display doesn't work anymore (no image)

  1. If I delete
  2. <a href='#' onclick="$('#toggle').toggle();" style='display: block;'>[+]</a>

The I don't see the image caption.

But like peterkhole I just want to forget the "+" step and show the caption (if there's one) directly (and maybe with specific CSS)

Does someone be more precise for people with no good skill

Thanks

lux / 2012-06-18 20:22:48   

hej plocploc

  1. if you want to disable this "+" option, delete in line 132
  2. <a href='#' onclick="$('#dialog-toggle').toggle();" style='display: block;'>[+]</a><div id='dialog-toggle'>
  3. this works for dark and light overlay option. 

to style caption and description search the overlay.css.
there you can edit .dark-dialog #dialog-title and .dark-dialog #dialog-box-text for both "themes".

plocploc / 2012-06-20 11:22:14   

Thanks !
It works

This thread has been closed, thank you.