Find Jobs
Hire Freelancers

jQuery code needed to create effects on images and layout changes on a WordPress website

$30-250 CAD

Completed
Posted almost 6 years ago

$30-250 CAD

Paid on delivery
We need help with a couple of effects / functionalities on a website. 1) We have a home page hero image that right now when hover it turns from black & white to colour. You can see our hero image here: [login to view URL] (screenshot attached for reference of the image). What we want is to colour the image on hover but only the area the mouse / pointer passes over the image, so if the mouse move to another area on the photo it colours another part of the image, like a paint brush. We have an example of how we want to behave / look like, in the example they use a blur effect on the image. Basically we want same as the example but with colour. See main hero image of the example here: [login to view URL] 2) On the section with 7 images (creative, media marketing, internet marketing, etc - below the hero image) of our home page: [login to view URL] - we want when people hovers over each box, show 3 more boxes with some information (title/tagline, description and a video - 3 new boxes total). Attached image of the section that needs work and the mock-up of potential layout (blue boxes, yellow boxes). Important: we are open to suggestions on how to show the blue boxes on the screen, the mock-up's layout is only to show how many boxes, maybe just all 3 boxes appear and collapse under the hover over item. We have used [login to view URL] library before: [login to view URL] to achieve similar results. See example here of the library in action: [login to view URL] Click on any of the images with men and see how a box with info appears. The great thing about [login to view URL] is that r-arranges elements on the screen and will be great for mobile as well. Maybe we can use this library for the task. All 7 boxes with images images (creative, media marketing, internet marketing, etc) must change to colour when hover over and show specific info boxes / containers and show the info boxes. We also need to be able to input the information for the info boxes through Custom Fields on the backend of the page/website ideally with Advanced Custom Fields plugin (we have the PRO license) [login to view URL] The website is already in progress, will give you access to the backend and through FTP to start working on the sections. We have a child theme with the jQuery and CSS code ready to tweak. Again, we are open to suggestions on how to achieve our 2 tasks. Please type "I CAN MAKE IT HAPPEN" to make sure you read and understood our project needs and can help us. Thank you.
Project ID: 17211572

About the project

14 proposals
Remote project
Active 6 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
$155 CAD in 3 days
4.9 (175 reviews)
6.4
6.4
14 freelancers are bidding on average $154 CAD for this job
User Avatar
I am a jquery expert and i can do your job. I can start immediatley please check my reviews. please message to discuss.
$30 CAD in 3 days
4.9 (257 reviews)
6.7
6.7
User Avatar
I CAN MAKE IT HAPPEN Hello Hope you are doing Great! Let us discuss more about the project details here Regards Joseph
$155 CAD in 3 days
4.7 (87 reviews)
6.4
6.4
User Avatar
Hi, I have read your description but honestly, i have few concerns. please check my profile i am a good and experienced developer. please get in touch so we can discuss and make a good deal. Thanks
$250 CAD in 3 days
4.9 (87 reviews)
6.0
6.0
User Avatar
Hello Sir, "I CAN MAKE IT HAPPEN" I will Fix all your errors. I have looked at all the images you attached. I can fix them quickly I will help you whenever you need me, can you please provide me with more details in chat. I can start right Now. I have 4 Years of rich experience in HTML, CSS, Wordpress, Custom themes devlopment, Bootstrap 4. Please give me a chance. Please message me. Thanks, Nimesh
$155 CAD in 3 days
5.0 (54 reviews)
6.0
6.0
User Avatar
Hey there, If you're looking for excellent development quality and great English communication skills, you've come to the right place. I am a highly experienced web developer, with 14+ years of professional experience and excellent English communication skills. I have dealt with developing complex web solutions, specifically using PHP and MySQL (LAMP) as well as a load of wordpress projects. I am also highly experienced in front-end effort, including HTML, CSS, JS and jQuery. Feel free to checkout my reviews and project completion rate. Would definitely need further details from you on your project. Looking forward to working together for the long term.
$400 CAD in 3 days
4.9 (34 reviews)
6.1
6.1
User Avatar
Hi, I read carefully your project, and I wanna do it for you. If you wanna work together, send me a message to discuss details. I am an experienced Web Developer and Web Designer, and have worked with wide variety of skills like PHP, MySQl, jQuery / Prototype, Javascript, HTML, CSS and more for many years. You can see part of my work in my portfolio, or visit the following links:
$58 CAD in 7 days
4.9 (102 reviews)
5.7
5.7

About the client

Flag of CANADA
Vancouver, Canada
5.0
25
Payment method verified
Member since Jun 7, 2018

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) & Freelancer Online India Private Limited (CIN U93000HR2011FTC043854)
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.