# \[Plug\] Media Slider/Carousel

**URL:** https://community.silverbullet.md/t/plug-media-slider-carousel/4368
**Category:** Plugs and Libraries
**Created:** [September 14, 2026, 5:42am UTC](https://community.silverbullet.md/t/plug-media-slider-carousel/4368 "2026-09-14T05:42:20Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![glechic](https://community.silverbullet.md/user_avatar/community.silverbullet.md/glechic/32/3809_2.png) [@glechic](https://community.silverbullet.md/u/glechic)
#### Post date: [September 14, 2026, 5:42am UTC](https://community.silverbullet.md/t/plug-media-slider-carousel/4368/1 "2026-09-14T05:42:20Z")

</div>

Hi everyone!

I built a plug that renders an interactive media slider / carousel inside fenced media-slider code blocks. It's inspired by the [Obsidian Media Slider](https://github.com/amatya-aditya/obsidian-media-slider) plugin — useful for grouping photos, clips, or mixed media into one compact widget instead of a long page of embeds.

 ![image](https://community.silverbullet.md/uploads/default/original/2X/2/224e82c31bc5253d68363185763fbb4c32297b6d.jpeg)

**Features** :

- Mixed media — images, video, audio, and YouTube embeds; other files open as links
- Thumbnails — position top / bottom / left / right, collapsible via a toggle button
- Captions — overlay or below the media (![[photo.jpg|A sunrise]])  
10 transition effects — fade, slide, zoom, slide-up, slide-down, flip, flip-vertical, rotate, blur, squeeze
- Autoplay / slideshow with configurable speed
- Navigation — arrow keys, touch swipe, prev/next buttons (hidden for a single slide)
- Zoom & pan on images — click to zoom at the click point, drag to pan, +/-/reset buttons, Ctrl+scroll to zoom
- Fullscreen (iframe-aware) and a copy-markdown-link button for the current slide

**Usage**  
A fenced block where each line is one slide:

````auto
```media-slider
---
carouselShowThumbnails: true
thumbnailPosition: bottom
transitionEffect: slide
transitionDuration: 300
enhancedView: true
---
![[photo1.jpg|A sunrise]]
![[photo2.png|A calm lake]]
![[clip.mp4]]
![[song.mp3]]
https://www.youtube.com/watch?v=dQw4w9WgXcQ
```

````

Thumbnails, captions, widths/heights, transitions, and slideshow speed are all configurable via YAML options — see the README for the full list.

GitHub: [GitHub - glechic/silverbullet-media-slider: A SilverBullet plug that renders image/audio/video/PDF/markdown media sliders inside fenced media-slider code blocks. · GitHub](https://github.com/glechic/silverbullet-media-slider)  
It's built as a codeWidget plug with renderMode: iframe — the UI is a small Preact app sandboxed in the widget iframe, so it can't touch the rest of your space.

Feedback, bug reports, and feature requests are very welcome — either here or in the GitHub issues.

---

<div class="post-metadata">

### Author: ![zef](https://community.silverbullet.md/user_avatar/community.silverbullet.md/zef/32/7_2.png) [@zef](https://community.silverbullet.md/u/zef)
#### Post date: [September 14, 2026, 6:59pm UTC](https://community.silverbullet.md/t/plug-media-slider-carousel/4368/2 "2026-09-14T18:59:07Z")

</div>

As often: very impressed with what you all manage to build with this! ❤
