Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 19, 2015 at 7:37 am #489852
    nickamis

    Hi,

    I am trying to use the Ajax Portfolio but some of the preview images do not fit on the screen. Can you please suggest how to resolve this? It would be better if the height of the preview was fixed and the width varied depending on the image.

    http://dogsoncamera.com/our-dogs/

    Regards, Nick

    August 20, 2015 at 5:53 am #490545
    Rikard

    Hi Nick,

    Not sure what you mean by not fitting on screen, it looks fine on my end? If you are referring to the whole image is not being displayed then that is the expected behaviour since the default setting is to fill the container and showing every image whole would be more or less impossible. Please send us a screenshot highlighting what you mean if I’ve misunderstood you.

    Regards,
    Rikard

    August 20, 2015 at 7:59 am #490570
    nickamis

    Yes, I mean that the whole image does not fit on the screen because the width is fixed at a percentage of the screen and you have to scroll down to see the rest of tall images. It would be better if the height were fixed and the width was variable.

    Click on Alaska Malmute and you will see what I mean. I am on a MacBook Pro resolution 1680 x 1050.

    Screenshot shared privately.

    August 21, 2015 at 11:20 am #491253
    Rikard

    Hi,

    I hear what you are saying but it more or less impossible to make all images look good on all screens. In your case for instance, yes the whole image would be shown, but it would also leave blank spaces both to the right and left of the image I’m sure we would get support questions about someone wanting to change that as well :-) Not sure if you see the dilemma here or not but I guess what I’m trying to say is that it’s very difficult for all image formats to fit in nicely in a design on all types of screens. Hope you understand.

    Thanks,
    Rikard

    August 21, 2015 at 6:02 pm #491517
    nickamis

    Hi,

    I’m not asking to make images look good on all screens. I just want to fix the height of the images when they are displayed. At present portrait images don’t look good on a lot of devices e.g. Mobile phone landscape, iPad landscape, MBP, laptop screen.

    Is it not possible to lock the height to a specific pixels?

    Regards, Nick

    August 24, 2015 at 1:47 pm #492181
    Rikard

    Hi,

    That is possible, what height would you like them to display at?

    Thanks,
    Rikard

    August 24, 2015 at 1:50 pm #492185
    nickamis

    I think 800px would work for the majority of devices.

    August 25, 2015 at 6:50 am #492637
    Ismael

    Hi!

    You can set the width to auto to display the actual width of the images:

    div .portfolio-preview-image .avia-slideshow img { 
width: auto;
}

    Regards,
    Ismael

    August 26, 2015 at 10:01 am #493375
    nickamis

    Thanks. That’s fixed it.

    August 27, 2015 at 5:06 am #493907
    Ismael

    Hi!

    Great! Glad we could help. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Ajax Portfolio’ is closed to new replies.