Terminé

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.

Compétences : CSS, HTML, jQuery / Prototype, PHP, WordPress

en voir plus : 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

Concernant l'employeur :
( 11 commentaires ) Vancouver, Canada

Nº du projet : #17211572

Décerné à:

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% CAD en 3 jours
(21 Commentaires)
4.5

19 freelance font une offre moyenne de $159 pour ce travail

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(102 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(34 Commentaires)
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

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(69 Commentaires)
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.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(106 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(55 Commentaires)
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

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(55 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 7 jours
(56 Commentaires)
5.3
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 2 jours
(82 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(11 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(11 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(8 Commentaires)
3.6
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(6 Commentaires)
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

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(1 Évaluation)
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.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(11 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(6 Commentaires)
2.2
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 3 jours
(1 Évaluation)
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.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 5 jours
(3 Commentaires)
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)

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% CAD en 2 jours
(2 Commentaires)
1.0