JQuery Plugin Implementation

[joealterio]

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!

[Siton_Systems (Ezra Siton)]

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

Section link | Webflow University

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

[Ilan_Golan]

Hi, @joealterio!

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

Thank you!