Dynamic Background Color

Design help Custom code
1

Hello everyone!

I’m wondering if its possible use this jquery plugin to change the background color of a section based on the dominant color of an image in the section. I’ve tried adding the jquery code to the area but I’m presented with a huge list of errors.

Here’s a demo using the plugin: jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent

Would this be possible to implement this plugin into webflow?

Thanks in advance!

2

Any luck there?

I am looking to do something quite similar, even simpler!

I just want to have a link in a section called “change color”. If a user clicks there, it will reload the page with a new randomly picked background color.

Any help is greatly appreciated. I did some research and found this: http://chancejs.com/ but I dont even know how to use it :frowning:

Thank You So Much in advance!!! :smile:

3

you could archive the effect by adding a scrollinteraction on a white layer that turns 0% opacity and makeing a colored background behind it visible.

I don’t know how to implement a .js plugin, but maybe this is a workaround :wink:

4

Yeah, thanks Paul, but still that is not what I need… :confused: I’ll keep hoping someone can give me a hand with it… :smiley:

5

If found this. Would it work out for you?

7

Thanks @Mike_Collison !!! I appreciate your input dude