Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

More then 7 images in the slider #2

Open
visualpaco opened this issue Jan 2, 2021 · 21 comments
Open

More then 7 images in the slider #2

visualpaco opened this issue Jan 2, 2021 · 21 comments

Comments

@visualpaco
Copy link

Dear @akella thanks so much for your amazing development.
I am trying to implement it to use 23 images as a background. Trying from html adding instances it works till 7 images but then it stuck if the array has 8 img like in the following line:

I can't find reference to data:image in the js code.
Did you use any limit for using images in folder?
Thanks so much!

@akella
Copy link
Owner

akella commented Jan 2, 2021

The code you inserted didnt show up, paste it again? What is the error you have

@visualpaco
Copy link
Author

visualpaco commented Jan 2, 2021 via email

@visualpaco
Copy link
Author

visualpaco commented Jan 4, 2021 via email

@akella
Copy link
Owner

akella commented Jan 4, 2021

its already implemented, like background-size: cover, if you need something else, you'd have to edit the shaders

@visualpaco
Copy link
Author

visualpaco commented Jan 5, 2021 via email

@visualpaco
Copy link
Author

visualpaco commented Jan 5, 2021 via email

@akella
Copy link
Owner

akella commented Jan 5, 2021

Hey, but thats not my demo, and its done with OGL, which is different than Three.js library, so its not that trivial to combine those effects unfortunately. There was other writeup which might be easier to integrate. https://tympanus.net/codrops/2020/04/14/interactive-webgl-hover-effects/

@visualpaco
Copy link
Author

visualpaco commented Jan 5, 2021 via email

@visualpaco
Copy link
Author

visualpaco commented Jan 6, 2021 via email

@visualpaco
Copy link
Author

visualpaco commented Jan 6, 2021 via email

@visualpaco
Copy link
Author

visualpaco commented Jan 6, 2021 via email

@visualpaco
Copy link
Author

visualpaco commented Jan 7, 2021 via email

@akella
Copy link
Owner

akella commented Jan 7, 2021

it will not work without server, because no images would be loaded, check your console for mistakes, its probably what it says

@visualpaco
Copy link
Author

Thanks. I was able to load it offline installing correctly npm... Not the same success online. It keeps on loading images. Do I have to install some dependencies or npm (nvm???) on the database or server provider? Sorry for my ignorance in the field and thanks much! Really appreciated your kind support

@akella
Copy link
Owner

akella commented Jan 8, 2021

just run it with npx parcel index.html

@visualpaco
Copy link
Author

visualpaco commented Jan 8, 2021 via email

@akella
Copy link
Owner

akella commented Jan 8, 2021

my bad, i think this project runs fine without it. Just look into browser console for your errors, there is nothing special about this one at all. Just raw files.

@visualpaco
Copy link
Author

visualpaco commented Jan 8, 2021 via email

@akella
Copy link
Owner

akella commented Jan 8, 2021

npx parcel index.html in a folder with project

@visualpaco
Copy link
Author

visualpaco commented Jan 8, 2021 via email

@visualpaco
Copy link
Author

visualpaco commented Jan 9, 2021 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants