Fix JavaScript Display Issue and Update JSON Data Handling

Job ID: 37771099

Budget: $30 – $250 USD

We are seeking a skilled JavaScript developer to address an issue with our website's artwork display functionality and to enhance the performance of our script by integrating JSON data directly into the JavaScript.
The project involves two primary tasks:

--------------------------------------------
Fix Artwork Display Issue:
--------------------------------------------
Problem Statement: Currently, there is a display issue with the JavaScript that handles framed artwork on our website. On initial page load, the artwork does not display correctly. However, refreshing the page seems to temporarily solve the issue. This problem affects the user experience negatively and needs a permanent fix.
Objective: Diagnose the cause of the display issue and implement a solution to ensure that the artwork is displayed correctly upon the first page load without requiring a page refresh.
Reference Material: The issue can be observed on the following page: https://en.wahooart.com/Art.nsf/Buy?open&RA=5ZKD8C.

--------------------------------------------
Integrate JSON Data into JavaScript:
--------------------------------------------
Problem Statement: The JavaScript currently loads two small JSON datasets from URLs. This approach may affect loading times and script performance.
Objective: Modify the existing JavaScript to include the JSON data as constants within the script itself, eliminating the need to load the data from external URLs. This change aims to improve the loading time and reliability of the script.
Reference Material: The JavaScript in question is hosted at https://en.wahooart.com/Art.nsf/FrameIt-dynframe.js, and the JSON files are named FrameIt-OilPainting-frames.json and FrameIt-interiors.json.

--------------------------------------------
Requirements for the Freelancer:
--------------------------------------------
Proficient in JavaScript, with experience in debugging and performance optimization.
Understanding of how to efficiently integrate JSON data into JavaScript.
Ability to diagnose and solve display issues related to web page rendering.
Excellent communication skills, with the ability to provide regular updates on progress.

--------------------------------------------
Deliverables:
--------------------------------------------
A revised version of the JavaScript file with the display issue fixed.
The same JavaScript file modified to include the two JSON datasets as constants within the script.

--------------------------------------------
Timeline:
--------------------------------------------
We are looking to complete this project within 2 weeks from the start date.

--------------------------------------------
Budget:
--------------------------------------------
50 USD
Please provide a quote based on the project description.
Related categories: JavaScript AJAX jQuery