search

sirxemic / jquery.ripples

Add a water ripple effect to your background using WebGL.
https://sirxemic.github.io/jquery.ripples/
MIT License
1.06k stars 417 forks source link

Different background-image sources (url) changes the effect #60

Closed Semipro211 closed 4 years ago

Semipro211 commented 5 years ago

So, I came upon an interesting issue when playing with this effect. When I use background-image: url(https://images....); the effect is beautiful and I have been able to experiment quite well with it. However, if I save that same background image locally with the repository (same size, file-type, pixels, etc.) and use, for example, background-image: url('samephoto'); the effects become hardly noticeable. I have tried adjusting the parameter values and it still doesn't change much. Any idea what might be the issue?

nitish29391 commented 5 years ago

You need to host that image on some port and access it through network same in the form of "http://localhost:80/abc/xyz.png". Because the js which generates the ripple effect on image, that cannot read local file.