Indexhibit Support

Hi all. Here my website: barneysteel.com

Does anyone know why my images get distorted?
If you have a look at the section called 'volume', and you maximise the browser window (so that the hight of it is actually higher than the images themselves, the images get stretched horizontally.

No idea how to fix it.

Any help?

Thank you all.

Watch what you are doing there - the site isn't even working now.

Whoooooo, scary! It works now. Have a look please! And thanks for your time.

Any help?

I've check this and apparently it happens in Safari and Chrome but not in Firefox.
If you check your source code on full screen browser window you'll notice that despite the fact that you've set a max-height of 800px, the image tag gets attached with an inline style that keeps enlarging it's height proportionally to the browser window and thus it's width also proportionally to the browser window.

In other words you "tell" the image to stop enlarging when its height reaches 800px but the script keeps enlarging the width.

Anyway to make the script to stop enlarging the width as well?
Thanks arsondpi.

Maybe it's useful for you to have a look at the custom horizontal plugin? You can download it from here:

barneysteel.com/…

thanks so much.

it's not the plugin - it's the script you should be editing/figuring out.

Upscaling images perhaps?

Not sure what you guys mean.
If the all thing is working in terms of hight of the images (the hight adjusts to the windows size, but once the actual image hight is reached, it stops upscaling), why is it not doing the same for the width?

As I said, you (via css - max-height: 800px;) "tell" the images to stop scaling when their height reaches 800px.
The script "tells" the images to keep on scaling and thus the width of the image keeps getting bigger.

What Vaska suggested is to get rid of the max-height: 800px; attribute and re-upload your images in a even bigger size so you don't need the max-height: 800px; rule and your images don't get distorted.

Vaska's option is not ideal :) I don't want the images to upscale to any size, I don't want them to be upscaled to more than the original size. They should stop upscaling once they have reached their size.

Also, I am afraid I can't find in the script any command saying max-height: 800px;
I'm sure somewhere there is a command saying, in coding language, stop scaling when you have reached the height of the image. I'd love any help in writing something like that but in terms of width.

I am sorry I'm trying my best to learn computers language. Will get there one day. :)

The max-height: 800px is in your style.css

1. .picture img {
2.     margin-left: 15px;
3.     margin-right: 15px;
4.     max-height: 800px;
5. }

Why don't you ask the creator of the script? Maybe he/she could help you out with this, as it's a custom job.

Got it. I am afraid though that fixing a maximum width in there is not a solution either.
If you have a look at the section LBPS on my page, there are panorama photographs. Those have a various widths, and so other images in different sections.

That why I was thinking the only solution is to make the script in a way that, while upscaling, once the size of the images (as they were uploaded), is reached the upscaling stops.

Is that possible? I am assuming so given that it works on the hight.

thanks so much for your time.

it's possible - but coding skills are needed. Thus I suggested to try and contact the creator of the script. It would be much better to get the script to do all what you're after and not hack things.