Indexhibit Support

I want all of my thumbnails to have the same height but a dynamic width, so that when you look at them on the page, they all line up horizontally, even though some of them are wider than others.

Does anyone know how to do this?

Thanks

what is your website address?

Please, don't cross post (read the forum rules) ;-)

http://030f614.netsolhost.com/

Click on fashion. Basically it is loading a thumbnail either 200 pixels wide or 200 pixels tall. I would love for them to be all 200 pixels tall with various widths.

The cross post was an accident

hmmm, ok, why not give your thumbnails a css height so they are all 200px?
First change the thumbnail size to something bigger...
Open your ndxz-studio/defaults.php and edit the thumb size at line 87

1. Then give your thumbnails a height of 200px in your style.css and let the browser do the resizing job :)
2. .thumb-img img{height:200px;}

This is my line 87 in the defaulta.php
$default['thumbsize'] = array(100 =>100, 150 => 150, 200 => 200);

Here is the Dynamic style in exhibit.slidethumbcombo.php

function dynamicCSS()
{
    return "
        #d-image { display: none; }
        #d-image img { border: none; }

        .grow { float:left; position: relative; left: 0px; }
        .thumb { padding:0; text-align:left; display: table; height: 133px; #position: relative; overflow: hidden; width: 210px; }

        .grow strong { margin-top: 3px; text-align: left; display: block; font-weight: normal; text-align: center; display: none; }
        .grow em { font-style: italic; display: none; text-align: center; }

        .thumb-it { #position: absolute; _top: 50%; display: table-cell; vertical-align: middle; text-align: center; }
        .thumb-img { #position: relative; width: 210px; display:block; margin:-20px 0px 0px 0px;}
         .img-bot { #position: relative; width: 900px; display:block; margin:0px 0px 6px 0px;}
    ";
}

I see some problems in there. But before I get there I need the on upload thumbnail to have a height of 200 pixels and the width to be dynamic.
So some thumbnails will be 200pixels tall by 350pixels wide and another might be 200pixels tall by 95pixels wide

I figured it out.

$default['thumbsize'] = array(100 =>100, 150 => 150, 200 => 500);

function dynamicCSS()
{
    return "
        #d-image { display: none; }
        #d-image img { border: none; }

        .grow { float:left; position: relative; left: 0px; }
        .thumb { padding:0; text-align:left; display: table; height: 200px; #position: relative; overflow: hidden; width: auto; }

        .grow strong { margin-top: 3px; text-align: left; display: block; font-weight: normal; text-align: center; display: none; }
        .grow em { font-style: italic; display: none; text-align: center; }

        .thumb-it { #position: absolute; _top: 50%; display: table-cell; vertical-align: middle; text-align: center; }
        .thumb-img { #position: relative; display:block; margin:-20px 0px 0px 0px;}
         .img-bot { #position: relative; display:block; margin:0px 0px 6px 0px;}
         .thumb-img img{height:200px;margin:0px 0px 0px 10px;}
    ";
}

I cant seem to find where the images are uploaded to. :) anyone?

files/gimgs/ is the path to already uploaded images.

Thanks!

I have a question concerning this exhibition format, when you are viewing the slideshow, after the thumbnails page, and you press the BACK BUTTON of the BROWSER, it takes you right back to the beginning of the site and not to the thumbnails page, which was the previous one, does anybody know how to fix this?
many thanks,

Gustavo

I'm having the same problem with my site (www.danwilton.co.uk) but the workarounds above don't seem to work for me

Any tips anyone?

Dan