Log in
Log into community
Join the Webstudio community
View all posts
Related posts
Was this helpful?
π
π
π
Powered by
Hall
Active
Updated 4 weeks ago
0
Follow
Adding an Image Gallery
Adding an Image Gallery
Active
0
Follow
c
cramses.
4 months ago
Β·
How can you add an image gallery?
M
c
J
9 comments
Share
Open in Discord
M
Milan Boisgard | Uncode School
4 months ago
Do you have an example of what you need when you speak of image gallery?
c
cramses.
4 months ago
Like in an ecom store.
One big image and small images on the right that become the big image when clicked
M
Milan Boisgard | Uncode School
4 months ago
2 ways :
Maybe you could use swiper JS
You make your own component
(i tried the last one. the code is working on a single HTML page, but it's not working on Webstudio... don't know why. Will make update if I can manage to work with it)
Attachment
M
Milan Boisgard | Uncode School
4 months ago
@cramses.
All right then. It works right now.
Here is the link to make the same component (which can be improve of course).
https://p-7a49fc8c-2bf7-4c27-9673-aa3baa475bdd.apps.webstudio.is/?authToken=f3759971-639f-4f41-ae16-5c576d90240a&mode=preview
You will see that there is an html embed with the code.
You just have to copy paste.
Improvement
: src for the image has to come from a CMS
. Right now in this example they are static
. So make them dynamic
.
@John Siciliano I don't know if a component like that could interest the community?
J
John Siciliano
4 months ago
we accept community contributions π
J
John Siciliano
4 months ago
btw working on the baserow template as we speak
M
Milan Boisgard | Uncode School
4 months ago
I don't know how I can publish a (little) component like for the community?
(P
.S
.
: I gonna make template for the community when the variables CSS will be finish I cannot wait
!
!
)
J
John Siciliano
4 months ago
It would be a template in the Marketplace
c
cramses.
4 months ago
Thank you Milan!
Add a reply
Sign up and join the conversation on Discord
Join on Discord