Embed Swiper carousel on my site
Swiper turns a set of photos or quotes into a carousel a visitor can swipe on a phone or click through on a laptop. Everything is set with plain attributes, so your AI can change how many show at once or how fast it moves.
The prompt
“Turn the three customer photos on the home page into a swipeable carousel with dots and arrows.”
Signed in, Get my prompt fills in your site for you. Otherwise press Copy and fill in the [bracketed] parts. First time? Connect your AI to bernard once: Use your own AI (opens in a new tab).
Ask your AI
Turn the three customer photos on the home page into a swipeable carousel with dots and arrows.
What bernard checks
The Swiper carousel tool is on bernard’s permitted list. Someone read the maker’s own instructions (https://swiperjs.com/element) on 2026-09-14 and decided it was safe to run on a customer’s site: Floor 12.1.2, raised from 11.0.5 for GHSA-hmx5-qpq5-p643 (critical prototype pollution, vulnerable >= 6.5.1 < 12.1.2 - there is no 11.x patch, so the major bump is the only fix). The v12 element bundle registers the same <swiper-container>/<swiper-slide> tags and the same camelCase params behind every attribute this row admits, checked against the v11 bundle. The element bundle injects its own styles, so no companion stylesheet is needed and no init call is required. The classic new Swiper(...) form also fits the new shape but the element is the documented no-code usage. Your site loads it from its published package, version 12.1.2 or newer. Every week bernard checks which version each of your pages loads against the published list of known weaknesses, and moves a page forward when one is found.
Your AI writes the exact tag bernard permits, on a private preview. You look at it and approve it before anything goes live.
People search for this as: carousel, slider, slideshow, swipe, gallery, testimonials.
For the full list of libraries, what is waiting, and how to ask for one that is not there, see Embed a calendar, a diagram, a chart or another tool on my site.
Questions people ask
- Do I need to write any code to use the Swiper carousel tool?
- No. Your AI writes the exact tag bernard permits and puts it on a preview. You approve it before it goes live, and pasted code is removed for safety every time.
- Is the Swiper carousel tool safe on my site?
- bernard admits it only from its own published address, with its settings written as plain data rather than code. Every week bernard checks which version each of your pages loads against the published list of known weaknesses, and moves a page forward when one is found. Nothing else about it can be changed from a page.
- Can I change it later?
- Yes. Say what you want different and your AI redoes it on a preview for you to approve. Nothing about it is baked in.