Obsidian Stats logoObsidian Stats

Image Cluster

by lucas
5
4
3
2
1
Score: 51/100
Install Code

Description

Obsidian Image Cluster helps you easily combine multiple images together in your notes, making your note interface more beautiful and organized.

Reviews

No reviews yet.

Stats

1
stars
347
downloads
0
forks
38
days
2
days
2
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
141
commits

Latest Version

1.4.2
3 days ago

Changelog

  • The hover action bars now match Obsidian's native ones: both the image group's own bar and the per-image "remove / delete" bar get the same frosted backdrop panel, button size, corner radius, hover highlight and mobile touch sizing as the buttons on a plain image embed
  • Replaced the dark gradient that used to wash over the bottom of a thumbnail on hover with the standard top-right button bar, so hovering a single image and hovering an image group no longer look like two different plugins in the same note
  • All of the above reads Obsidian's own --embed-actions-* variables, so themes that restyle those buttons restyle these too
  • 悬停操作按钮栏改为与 Obsidian 原生一致：图片组自身的按钮栏和组内单图的「排除 / 删除」按钮栏，都用上和普通图片 embed 相同的毛玻璃背景板、按钮尺寸、圆角、悬停高亮与移动端触控尺寸
  • 缩略图悬停时不再压一层从下往上的黑色渐变，改为右上角的标准按钮栏，同一篇笔记里悬停单张图片和悬停图片组不会再像两个插件
  • 以上取值全部走 Obsidian 自己的 --embed-actions-* 变量，主题改了原生按钮样式，这里会跟着一起变
See all version on GitHub

README file from

Github

Image Cluster

Image Cluster helps you arrange multiple images into a clean, organized group in your Obsidian notes. The animation shows all available interactions.

Installation

Install from Obsidian

  1. Open Settings → Community plugins in Obsidian.
  2. Select Browse and search for Image Cluster.
  3. Select Install, then enable the plugin.

Install manually

  1. Open the Image Cluster download page.
  2. Download the plugin and follow the installation instructions on the page.
  3. Open Settings → Community plugins in Obsidian and enable Image Cluster.

Advanced options

These options are saved automatically in the first line of an imgs block. You can also edit their values manually when you need more precise control.

Option What it changes Initial value Available values
size Image width and height 150 50–500 px
gap Space between images 8 0–50 px
radius Image corner roundness 10 0–50 px
shadow Shows an image shadow false true or false
border Shows an image border false true or false
hidden Blurs the images and prevents them from being opened false true or false
limit Shows no more than three rows until expanded false true or false
padding-left Moves the image group to the right 0 Any number from 0 px
Sponsors