Mix horizontal and documenta overlay slideshow

yabsan / 2013-02-04 10:43:25   

Hi there, i'm searching a way for adding the overlay light slideshow function of the documenta format to the horizontal format. I have checked both formats's php and found the lines for the overlay function but i imagine it's not just a cut and copy trick!
How this can be done if it's possible? Thanks for any help !

arsondpi / 2013-02-04 14:47:32   

You need to attached the necessary javvascripts and attach the appropriate html to the existing html of the horizontal plugin.
But why don't you copy the Visual Index and set the width of the #img-container to be really long?

On the other hand why do you need a format with that has no thumbnails with the overlay format? The idea "sounds" quite busy as a U.I...

yabsan / 2013-02-04 15:08:31   

Hi arsondpi, i like the horizontal format and as a photographer, i would like to showcase the picts at full size. Like in this site: alecsoth.com/photography/projects/broken-manual/
The visual index copy solution seems more simple. An advice for the width of the #img-container?
U.I...?
thanks a lot

arsondpi / 2013-02-04 15:48:49   

Normally you'd use a code (php or javascript) to calculate the exact width your #img-container, so things are correct.
An easy alternative/hack would be something like this: indexhibit.org/forum/thread/18248/

yabsan / 2013-02-04 16:16:25   

Thanks for the link Arsondpi, i asked without doing an exhaustive search in forum. You wrote :"Simply increase the width of ##img-container
if 3000px is the total amount of the width of your images in pixels."
Means that i have to calculate the exact total width of my picts, isn't it?
I checked in Visua_lIndex.php, from 739 line: i have to write a new line
" #img-container { width: 'mytotalwidth'px; } " ?
(Think i should find myself a personal php, css etc.. trainer! )
Thanks again

arsondpi / 2013-02-04 16:30:25   

yes - but first duplicate Visual index format and rename it. Enable it and the there's a function defaultCSS towards the end of the Visual index format - paste the width: 'mytotalwidth'px; there ...

yabsan / 2013-02-04 16:40:08   

Ok , it works! I have an horizontal line with all my thumbnails. And the slideshow overlay works fine!
Can i customize the thumbnails size however?
Thanks for the help

Vaska A / 2013-02-04 16:45:39   

What is your site?

yabsan / 2013-02-04 19:48:30   

Hello Vaska,
My site: yacinebenseddik.com/project/pueblito/
I've tried to figure how to make my thumbnails bigger – as an pict in horizontal format - but it doesn't look so easy at all... I don't know much about coding, just trying and exploring.
Thanks for any help

lemathieu A / 2013-02-05 14:49:35   

Your site is protected.

yabsan / 2013-02-05 20:24:43   

Sorry lemathieu, it's now online.

arsondpi / 2013-02-05 22:46:17   

You can adjust the size of your thumbnails in the options.php file (in ndxzsite/config/options.php) but if you change it it will apply for all your exhibits.

Find line 41 and change it to:

  1. $default['thumbsize'] = array(150 => 150, 200 => 200, 225 => 225, 600 => 600);

Now your largest thumbnail is going to be 600px.

yabsan / 2013-02-06 10:18:09   

It works quite fine adapting the #img container width. I have to figure how to resize the picts and re-upload them for a more harmonic horizontal view.
Thanks to everybody. Indexhibit is a pretty smart thing !

yabsan / 2013-02-06 10:45:57   

Where can i adjust the padding values for thumbnails exhibit in visual index format ?
Here: #img-container .picture_holder { padding: 0 0 0 0; } in the php file ?
I'd like to give the img container the same position of the one of the Horizontal format.
Will it affect the text container too?
Thks

arsondpi / 2013-02-06 11:56:29   

have you got a page example for us to see? It's pretty hard to tell these things just by guessing...

yabsan / 2013-02-06 17:17:20   

sure,
this page: yacinebenseddik.com/projects/pueblito/
= horizontal format with img container like i would like it.
this one as example of the visual index horizontal with img container to change:
yacinebenseddik.com/projects/kasim/
I'm on dreamhost and they seem to have some maintenance in this moment so the pages would load quite slowly.
Thanks arsondpi for being there ;)

arsondpi / 2013-02-06 17:27:13   

Go to Visual Index Options via Admin/Formats and set the grid to Center Top.
See if that works.

I hope you understand that this is a customization so it might not work as you want it in the end.

yabsan / 2013-02-06 18:04:52   

you mean in the function grid() lines?

yabsan / 2013-02-06 18:06:06   

or on this line:
var $grid = 0;

yabsan / 2013-02-06 18:14:54   

oops! i found the right place as you said in the format options

yabsan / 2013-02-06 18:34:11   

It works fine for me. I think i just have to figure the best pixels ratio for my pictures and try to re-upload.
Thank you very much arsondpi

This thread has been closed, thank you.