Show spinning loading gif image over image when clicked
- or -
Post a project like this2559
$10
- Posted:
- Proposals: 4
- Remote
- #1521527
- Awarded
Description
Experience Level: Intermediate
General information for the website: we sell teddy bears
Description of requirements/features: Need to have a spinning "loading" image added to the center of an image as on overlay when you click the image.
Image size may be different sizes so center must be calculated based on the image that is clicked.
Also, there may be multiple images on the page, so it must only function on the image that is clicked.
Additionally, the spinning "loading" image must be pre-loaded (and not shown) when the page loads so that there is no delay in it showing when the image is clicked.
I already have the frame work for this all set up and the click and fade part working, but i couldn't figure out the image overlay (and centering) part. see: http://www.bearpile.com/temp/index3.html
Please update this html / inline css code. Should only be a few lines of CSS & jquery needed for this project.
Extra notes:
Description of requirements/features: Need to have a spinning "loading" image added to the center of an image as on overlay when you click the image.
Image size may be different sizes so center must be calculated based on the image that is clicked.
Also, there may be multiple images on the page, so it must only function on the image that is clicked.
Additionally, the spinning "loading" image must be pre-loaded (and not shown) when the page loads so that there is no delay in it showing when the image is clicked.
I already have the frame work for this all set up and the click and fade part working, but i couldn't figure out the image overlay (and centering) part. see: http://www.bearpile.com/temp/index3.html
Please update this html / inline css code. Should only be a few lines of CSS & jquery needed for this project.
Extra notes:
David S.
100% (4)Projects Completed
5
Freelancers worked with
5
Projects awarded
83%
Last project
29 Aug 2017
United States
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies