Streaming live at 10am (PST)

JQuery Plugin Implementation

Hi there!

I’m looking to use Lazy Line Painter, and I get how I prep my files and where I put the custom code from Git.

https://github.com/camoconnell/lazy-line-painter2

My only question is, how do I indicate where I want the JQuery element to appear in my designer view?

Thanks, @cyberdave @sabanna @samliew and others!

by #id (or class - by id is better).

Example (by id #Signature):
https://codepen.io/cysidus/pen/seJjf

Her (by id ‘#target’)
https://codepen.io/hanabel/pen/QjzKZp

Empty div “problem”

On webflow for this tricks is better to give some height (by padding is the best) - to the element (You see the animation only on publish site - but it hard to work with “non-height” item).

Summary

So again - create div --> add some top/bottom padding (and bg if you want) --> add id #wow - than initialize the plugin by id selector #wow

Also this is jquery plugin so wrap your code with doc ready (To avoid errors)

$(document).ready(function() {
 // my code
});

see her some jquery & webflow combination (The idea is always the same):
https://webflowcodestutorials.webflow.io/imagery

Hi, @joealterio!

Did you succeed implementing Lazy Line Painter?
If yes, can you explain exactly how?

Thank you!

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.