Completed

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

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.

Skills: CSS, HTML, jQuery / Prototype, PHP, WordPress

See more: layout changes, create youtube style layout, create effects video, create myspace div layout, create professional band layout, create fading images flash splash page, create photobucket images, create background images, create fonts images, create full magazine layout adobe indesign, want create website need help wording, html code needed fade fade images, create video images music net code, changes wordpress website, making changes wordpress website, how to create a header in themeforest wordpress website

About the Employer:
( 11 reviews ) Vancouver, Canada

Project ID: #17211572

Awarded to:

$155 CAD in 3 days
(21 Reviews)
4.5

19 freelancers are bidding on average $159 for this job

$155 CAD in 3 days
(102 Reviews)
6.7
mcfarhat

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 experienc More

$400 CAD in 3 days
(34 Reviews)
6.1
Dckumawat

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
(69 Reviews)
5.9
abhi98041

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
(106 Reviews)
5.5
hamzafiaz0003

I CAN MAKE IT HAPPEN Hello, we can Code JQuery to make customization in your wordpress website [login to view URL] for you.I see all attached filesin your description We are team of Professional web developers More

$100 CAD in 3 days
(55 Reviews)
5.3
pakistansolution

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
(55 Reviews)
5.3
testotorko

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 s More

$58 CAD in 7 days
(56 Reviews)
5.3
$98 CAD in 2 days
(82 Reviews)
5.1
sky930320

Dear Sir. Glad to meet you. I'm very interested in your job post involving these skills. You can check my ability on my profile page: [login to view URL] Hope I could work for you. Relevant Skills a More

$155 CAD in 3 days
(11 Reviews)
4.8
floralitner555

I CAN MAKE IT HAPPEN Hi, I read your job posting carefully. I am a skilled wordpress developer with over 5 years of experience in customizing functionality. I have tons of experience with jQuery and javascript More

$250 CAD in 3 days
(11 Reviews)
3.9
nimmy58

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 mor More

$155 CAD in 3 days
(8 Reviews)
3.6
$155 CAD in 3 days
(6 Reviews)
3.7
Brandfish

I have reviewed your given functionalities. Website Design/Dev Portfolio. [login to view URL] ============================== I would love to discuss over chat Regards Omair

$155 CAD in 3 days
(1 Review)
3.1
AlexanderAksenov

I CAN MAKE IT HAPPEN Hi! sir! i've read your proposal. I have rich experience with wordpress theme style. I hope kind contact and i will complete your project perfectly. Best regards.

$155 CAD in 3 days
(11 Reviews)
3.0
raju25378627

[login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] If your are capable to me then message me further discuss about More

$155 CAD in 3 days
(6 Reviews)
2.2
$155 CAD in 3 days
(1 Review)
1.8
f107

Hi I can make imgae change using jquery hover event. Next I will change layout template using [login to view URL] and js file. I hope working with you.

$222 CAD in 5 days
(3 Reviews)
1.6
Yukth

I CAN MAKE BLUR EFECT IN HERO IMAGEN , this is a small review on local [login to view URL] (it's an mp4 video)

$66 CAD in 2 days
(2 Reviews)
1.0