Image dramas please help

[kyliem10 +]

Hi I am having image troubles, see My Second Hand Annesley 6'2" shortboard

My image size settings in the admin panel are set to 450 pixels wide with no set height and the thumbnail settings are set to width 120 pixels no particular height, is there somewhere where I have to adjust the size settings in the code?

As you can see my image is cut off and you only see half......


Thanks for any help.

Kylie

[Lhotch +]

The div class=panel has a height specified on 300px thats why its cut off.

[Mike-N-Tosh +]

Your image is there in full. It is whatever javascript that you are using and how you are displaying it that is cropping the full image. In other words, the image is actually all there (resized by the settings you set in the admin), but the bottom portion of the existing image is being "over layed" by the frame displaying the image. (You can see what I mean if you click and drag the image.)

If you look at the code of your "photos" div: It is set to a height of 479px (and is set to "clip" (e.g. hide behind the overlays below it. The overlays take up almost 100px.

You might try setting the height in your image settings in the admin as well. I may be mistaken, but I believe if both are set the script will proportion to the highest setting. (e.g. if original is portrait will use the max height, if landscape will use the max width)

I didn't break out my overlay rulers and stuff, but your viewable area for your pics as they are set, are approximately 370 x 300.

Hope that helps.

[seymourjames +]

Thanks guys. Yes, you can adjust the height of the gallery window at the top of your viewlistings file in the little piece of javascriot. It is aslo best if you then set a height in your admin panel image setting to be about 80-100px smaller than this height. Its a case of adjustment.

[kyliem10 +]

Cheers guys, thanks for your advice, i will get onto it now!

[kyliem10 +]

Hey guys thanks for all the advice but im still not having any luck, I did what you said and adjusted the gallery view on the viewlisting.tpl see below and I also set my admin image size to 450 x 440 like suggested and nothing has changed at all see here: My Second Hand test surfboard
Would really appriciate more help as this is my first time using this program.

Cheers,
Kylie

{literal}
<script type="text/javascript">
$(document).ready(function(){
$('#photos').galleryView({
panel_width: 450,
panel_height: 520,
frame_width: 80,
frame_height: 80,
border: '1px solid #fff',
background_color: '#e8e8e8',
overlay_color: '#e8e8e8',
overlay_opacity: 0.35,
overlay_height: 12,
verlay_text_color: 'white',
easing: 'easeInOutBack',
nav_theme: 'custom'
});
});
</script>
{/literal}

[seymourjames +]

Did you clear your browser cache and empty the contents of the templates_c folder?

If you change the height value is the gallery height changing at all? If not it is probably because of above.

[Lhotch +]

Originally Posted by kyliem10

I also set my admin image size to 450 x 440 like suggested and nothing has changed

Keep in mind changing image size settings in admin is not retroactive. Images are sized to admin specs at the time they are uploaded.

[kyliem10 +]

I just cleared the templates_c folder and cleared cache/history and I have uploaded a new item and the image still gets cut off..... not sure where I have gone wrong, any other ideas? thanks for your time

[TemplateCodes-Mike +]

Kylie,

A few things to consider and evaluate:
With your current settings for the gallery view, you have a viewable area of approximately 450px W X 300px H. Bearing that in mind, it stands to reason that since the viewable width is GREATER than the height. Than optimally, pictures should be displayed in "landscape" instead of portrait.

As your site specializes in surfboards it would stand to reason, that you should suggest to the sellers that for the best presentation of your surfboard pictures, they should be uploaded in a landscape view instead of a portrait view.

Regardless, knowing that your viewable height (the most limiting of the two dimensions) should be set accordingly in your image settings. e.g. Max height: 300px. I would also suggest a Max width: 440px.

With the settings set in that fashion, you're covered either way.