Looking for a reliable and quick coder to customize an existing jQuery script.
I am using a template for a photography portfolio website which uses a custom jQuery SuperBgImage Script to display a background slideshow of images which are scaled to the browser size.
Images should always use either the entire width OR the height of the browser window without being cropped or distorted.
Vertical images are displayed correctly. They use the height of the browser window to display the image and the background color is visible to the left and to the right of the image.
Horizontal images use the same behavior if the browser window is wider than the image itself. See attached JPG "[url removed, login to view]"
When horizontal images are used but the browser window is narrower than the image itself the height of the browser window is still used to determine the display of the photograph. Which results in the photo being cropped on the left and right. See attached JPG "[url removed, login to view]"
In this case instead of using the height of the browser window the width should be used in order for the full image to be visible. This would lead to the background color being visible on the top and bottom of the image. See attached JPG "[url removed, login to view]" which is a Photoshop mockup of how the images should appear in this case.
A test installation with current behavior can be found at [url removed, login to view]
The project goal:
The full image should always be visible using either the width or height of the browser window without being cropped.
I need this jQuery script adjustment to be done asap.
Thank you very much!