Find Jobs
Hire Freelancers

CSS, JQuery, Javascript: Image Hover and Click Effects

$100-150 USD

Completed
Posted over 11 years ago

$100-150 USD

Paid on delivery
Hello! To get a first impression about the visual image effects I need please have a look to this website: [login to view URL] That image wall and the effects are basing on Flash, I know. And I want this (or very similar) effects made with CSS, JQuery and Javascript. I made some researches today to find out if this is possible and obviously it is. At the bottom of this project description you find some source code ressources and examples. Some are not for free but if you need one of them I will buy that sources. (For the detailed project description please have a look below) ## Deliverables I think 80% of this project's work is to rebuild the image effects from the flash demo site I posted above. I only need two more adjustments. 1. If the user click on one of the images an icon should appear. To imagine this effect please have a look to this website: [login to view URL] In the first example block "Catures, Galleries & Navigation" I like the demonstration of the bottom left rat (with the upcoming arrow pointing to the right) 2. If the user click on that upcoming icon a JS alert box should come up and say "hello". This makes no sense of course but I can later fill this JS function with more senseful code ;-) When a click onto an image (or better: onto the icon over that image) have happened, this image must be greyed out and a green check mark icon must be overlaying this image. I will provide you with the check mark icon graphic if you want. And any further click on such an image that was pressed before and greyed out with the green check mark icon doesn't effect anything anymore. Finally please add such audio effects when the mouse cursor moves over the images like on the flash demo website I posted above. And a audio effect when the user click on the upcoming arrow icon would be great. That's it! This scripts you build will later be implemented into a PHP website. There the images are loaded dynamically into the browser. Also the name of the person which is displayed on the image and a unique id is provided. Your script should display the name when a user click on an image like the text "Perfect Segues" in the demo with the rat on [login to view URL] The unique id will be passed to a JS when the user click on the icon over an image. In which way the name informations and unique ids are delivered to your script doesn't matter. I can provide them in a JS array for example. Here are some code source ressources which may be interesting for you: - [login to view URL] (the first two rows may be interesting for you) - another technical inspiration may be this one: [login to view URL] Your scripts must support Chrome, Internet Explorer, Firefox in the current versions. The examples on the websites I posted here do work in all browsers.
Project ID: 2766958

About the project

2 proposals
Remote project
Active 12 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
See private message.
$127.50 USD in 6 days
5.0 (19 reviews)
4.3
4.3
2 freelancers are bidding on average $119 USD for this job
User Avatar
See private message.
$110.50 USD in 6 days
4.0 (9 reviews)
3.7
3.7

About the client

Flag of UNITED KINGDOM
London, United Kingdom
4.9
180
Payment method verified
Member since Jul 12, 2006

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.