Closed

Modification of jQuery Image Script

This project was awarded to studioultimate for $40 USD.

Get free quotes for a project like this
Employer working
Awarded to:
Project Budget
$30 - $250 USD
Total Bids
9
Project Description

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!

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online