December 4, 2013 at 4:58 am #37425
Hi there, I’m looking to change how the fullscreen slider resizes images.
I would like the images to never stretch, and for the browser to always show the entire image. If the image does not cover the entire background, I’d prefer to let that go to the background colour.
Is this possible?
AricDecember 4, 2013 at 9:35 am #37442
With the latest version of ePix, the Fullscreen Slider has been altered to always keep the image in the center and to not let the image go out of ratio. Do you have a link to your site so I can get a better understanding of what you mean?
TomDecember 4, 2013 at 11:28 am #37456
When the page is extremely narrow (as in a mobile device), the images get squashed horizontally.
I would also like an option so that the bounds of the browser window don’t crop the images – There are a couple of instances where I’d prefer that the images just display a background colour rather than scaling the images to completely cover the visible area of the browser.
For example, when the browser is wider than it is tall, and a portrait format image is being displayed, the top and bottom of the image are cropped off. I’d prefer to have background bars on either side of the image (it could remain centred).December 4, 2013 at 4:31 pm #37481
Please could you provide your FTP details so either Andy can upload the new code or you could wait to for the next version of ePix where this will be implemented. Also, your WP login details and which image you would like this to be applied to so he can show you an example. Please set your reply to private also.
It is coming in the next version where the horizontal isn’t cropped.
TomDecember 4, 2013 at 6:23 pm #37484This reply has been marked as private.December 5, 2013 at 9:57 am #37511
Andy has updated the files but the issue is now you seem to have some sort of caching on your site and it is not showing the latest files. Couldn’t see any plugins installed that would cache this, do you have anything server side that is caching this?
Once you have done the cache, let us know which image you would like us to apply the portrait effect to.
TomDecember 5, 2013 at 11:59 am #37533
I had cloudlfare installed. It’s been disabled.
You could do it to any of the portrait images. There’s one that has a man sitting in his car and laughing. That’s a great place for me to take a look at what you’ve done.
Will this technique work on landscape images too?
I have a few that have stuff around the edges that gets cut off by the resizing of the browser window.
Thanks!December 5, 2013 at 1:12 pm #37547
Okay, I’ve added a class to the Slide Set People > Guy in Car > Extras > CSS Classes – it’s named fit_height – this class will fit the image into the height and auto size the width, keeping the ratio in tact. Let me know if that’s okay.December 5, 2013 at 1:37 pm #37550December 5, 2013 at 2:10 pm #37557
It was working for me earlier, you site still seems like it’s still caching, it has pagespeed on all the scripts and images.
I’ve added the fit_width class too which suit that need too for the width.December 5, 2013 at 8:06 pm #37606
Works perfectly now. Thanks.December 7, 2013 at 11:49 pm #37725
I would like to know how to do this also.December 9, 2013 at 10:06 am #37760
Andy is releasing an update today with all of these features in.
TomJanuary 6, 2014 at 7:34 am #39288
hi, I also would like to know how to achieve that. Because now the only way for me to achieve that is by manually resizing all my portrait picture canvas into a landscape format. Thanks.January 6, 2014 at 11:12 am #39321
Please make sure you are on the latest version of ePix them, add a class to the your Slide Set > Edit your image > Extras > CSS Classes – add fit_height – this class will fit the image into the height and auto size the width, keeping the ratio in tact. Hope this helps.
You must be logged in to reply to this topic.