Modification of jQuery Image Script

In Progress

Looking for a reliable and quick coder to customize an existing jQuery script.

Description:

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]"

The problem:

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!

Skills: Javascript, jQuery / Prototype, PHP

See more: template for photography website, order custom javascript, jquery full, description of portfolio, superbgimage vertical images, jquery com, customize photoshop, test a website asap 3, photoshop script, photo modification, jquery script, jquery image, javascript mockup, jquery existing, jquery instead, horizontal photo, adjustment image, vertical php, image background color, jquery order, jquery behavior, jquery using, script window, modification pending order, mockup image

About the Employer:
( 10 reviews ) Jersey City, United States

Project ID: #1581148

Awarded to:

studioultimate

hi, i have enough experience in JavaScript and jquery and this job can be done easily.

$40 USD in 1 day
(8 Reviews)
4.8

8 freelancers are bidding on average $51 for this job

sureshdevi

I can make the jQuery modification to show the background image based on browser width and height. I can complete this work in 24 hours. Thanks, Suresh

$34 USD in 1 day
(693 Reviews)
7.5
samitXI

Hi , I m ready to start now. Thanks

$30 USD in 1 day
(86 Reviews)
7.0
DrTech76

Hi, I can assist you with this. Kind Regards

$30 USD in 0 days
(337 Reviews)
6.8
op2i

Hi, I've gone thorough the issue and understood. we can fix it. looking for your response to move forward. Thanks!

$100 USD in 2 days
(47 Reviews)
6.5
Butterfly718

Hello,sir. I can help you. Let's start.

$30 USD in 0 days
(34 Reviews)
4.9
ehcanales

hi, i have experience with jquery, contact me

$30 USD in 2 days
(7 Reviews)
2.7
parama4u

Hi... Please check PMB

$100 USD in 1 day
(1 Review)
1.4
vshamus

Hi,I am interested.Please check your PMB.

$40 USD in 1 day
(0 Reviews)
0.0