Indexhibit
Index + Exhibit

Login:

Created by
Daniel Eatock
Jeffery Vaska
And You

Mix horizontal and documenta overlay slideshow

 

Indexhibit version: 2.0
Thread is resolved.

yabsan
FRANCE
2 year(s) ago
Permalink Post

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
GREECE
2 year(s) ago
Permalink Post

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
FRANCE
2 year(s) ago
Permalink Post

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
GREECE
2 year(s) ago
Permalink Post

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
FRANCE
2 year(s) ago
Permalink Post

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
GREECE
2 year(s) ago
Permalink Post

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
FRANCE
2 year(s) ago
Permalink Post

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
UNITED STATES
2 year(s) ago
Permalink Post

What is your site?

yabsan
FRANCE
2 year(s) ago
Permalink Post

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
FRANCE
2 year(s) ago
Permalink Post

Your site is protected.

yabsan
FRANCE
2 year(s) ago
Permalink Post

Sorry lemathieu, it's now online.

arsondpi
GREECE
2 year(s) ago
Permalink Post

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
FRANCE
2 year(s) ago
Permalink Post

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
FRANCE
2 year(s) ago
Permalink Post

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
GREECE
2 year(s) ago
Permalink Post

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

yabsan
FRANCE
2 year(s) ago
Permalink Post

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
GREECE
2 year(s) ago
Permalink Post

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
FRANCE
2 year(s) ago
Permalink Post

you mean in the function grid() lines?

yabsan
FRANCE
2 year(s) ago
Permalink Post

or on this line:
var $grid = 0;

yabsan
FRANCE
2 year(s) ago
Permalink Post

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

yabsan
FRANCE
2 year(s) ago
Permalink Post

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.