# pm-gallery

> A simple picture gallery for your project

Latest version **2.0.22** (published 2025-11-26) · ISC license · 0 weekly downloads

## Install

```sh
npm install pm-gallery
pnpm add pm-gallery
yarn add pm-gallery
bun add pm-gallery
```

## Health

**Score 45/100 (D)** — status: stable.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 2.0.22 |
| Published | 2025-11-26 |
| First published | 2023-07-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 332 |
| Unpacked size | 188.7 KB |
| Known vulnerabilities | 0 (+9 in 8 direct dependencies) |
| Install scripts | no |
| Author | Alekseevich_psk |
| Maintainers | alekseevich_psk |
| Keywords | gallery |

## Links

- npm: https://www.npmjs.com/package/pm-gallery
- Repository: https://github.com/Alekseevich-psk/pm-Gallery
- Homepage: https://github.com/Alekseevich-psk/pm-Gallery#readme
- Issues: https://github.com/Alekseevich-psk/pm-Gallery/issues
- npm.io page: https://npm.io/package/pm-gallery

## Dependencies (332)

- [he](https://npm.io/package/he.md) ^1.2.0
- [ms](https://npm.io/package/ms.md) ^2.0.0
- [qs](https://npm.io/package/qs.md) ^6.11.0
- [ws](https://npm.io/package/ws.md) ^8.13.0
- [ajv](https://npm.io/package/ajv.md) ^6.12.6
- [has](https://npm.io/package/has.md) ^1.0.3
- [depd](https://npm.io/package/depd.md) ^2.0.0
- [etag](https://npm.io/package/etag.md) ^1.8.1
- [glob](https://npm.io/package/glob.md) ^7.2.3
- [jiti](https://npm.io/package/jiti.md) ^1.19.1
- [mime](https://npm.io/package/mime.md) ^1.6.0
- [obuf](https://npm.io/package/obuf.md) ^1.1.2
- [once](https://npm.io/package/once.md) ^1.4.0
- [open](https://npm.io/package/open.md) ^8.4.2
- [send](https://npm.io/package/send.md) ^0.18.0
- [spdy](https://npm.io/package/spdy.md) ^4.0.2
- [uuid](https://npm.io/package/uuid.md) ^8.3.2
- [vary](https://npm.io/package/vary.md) ^1.1.2
- [wbuf](https://npm.io/package/wbuf.md) ^1.7.3
- [acorn](https://npm.io/package/acorn.md) ^8.10.0
- [batch](https://npm.io/package/batch.md) ^0.6.1
- [bytes](https://npm.io/package/bytes.md) ^3.0.0
- [chalk](https://npm.io/package/chalk.md) ^2.4.2
- [cssdb](https://npm.io/package/cssdb.md) ^7.6.0
- [debug](https://npm.io/package/debug.md) ^2.6.9
- [execa](https://npm.io/package/execa.md) ^5.1.1
- [fastq](https://npm.io/package/fastq.md) ^1.15.0
- [fresh](https://npm.io/package/fresh.md) ^0.5.2
- [isexe](https://npm.io/package/isexe.md) ^2.0.0
- [memfs](https://npm.io/package/memfs.md) ^3.5.3
- [p-try](https://npm.io/package/p-try.md) ^2.2.0
- [retry](https://npm.io/package/retry.md) ^0.13.1
- [slash](https://npm.io/package/slash.md) ^4.0.0
- [tslib](https://npm.io/package/tslib.md) ^2.6.0
- [utila](https://npm.io/package/utila.md) ^0.4.0
- [which](https://npm.io/package/which.md) ^2.0.2
- [braces](https://npm.io/package/braces.md) ^3.0.2
- [cookie](https://npm.io/package/cookie.md) ^0.5.0
- [cssesc](https://npm.io/package/cssesc.md) ^3.0.0
- [events](https://npm.io/package/events.md) ^3.3.0
- [globby](https://npm.io/package/globby.md) ^13.2.2
- [ignore](https://npm.io/package/ignore.md) ^5.2.4
- [is-wsl](https://npm.io/package/is-wsl.md) ^2.2.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [merge2](https://npm.io/package/merge2.md) ^1.4.1
- [nanoid](https://npm.io/package/nanoid.md) ^3.3.6
- [rimraf](https://npm.io/package/rimraf.md) ^3.0.2
- [semver](https://npm.io/package/semver.md) ^7.5.3
- [sockjs](https://npm.io/package/sockjs.md) ^0.3.24
- [terser](https://npm.io/package/terser.md) ^5.18.2
- [thunky](https://npm.io/package/thunky.md) ^1.1.0
- [unpipe](https://npm.io/package/unpipe.md) ^1.0.0
- [uri-js](https://npm.io/package/uri-js.md) ^4.4.1
- [wrappy](https://npm.io/package/wrappy.md) ^1.0.2
- [accepts](https://npm.io/package/accepts.md) ^1.3.8
- [destroy](https://npm.io/package/destroy.md) ^1.2.0
- [envinfo](https://npm.io/package/envinfo.md) ^7.10.0
- [express](https://npm.io/package/express.md) ^4.18.2
- [find-up](https://npm.io/package/find-up.md) ^4.1.0
- [is-glob](https://npm.io/package/is-glob.md) ^4.0.3
- [isarray](https://npm.io/package/isarray.md) ^1.0.0
- [js-yaml](https://npm.io/package/js-yaml.md) ^4.1.0
- [kind-of](https://npm.io/package/kind-of.md) ^6.0.3
- [methods](https://npm.io/package/methods.md) ^1.1.2
- [mime-db](https://npm.io/package/mime-db.md) ^1.52.0
- [no-case](https://npm.io/package/no-case.md) ^3.0.4
- [onetime](https://npm.io/package/onetime.md) ^5.1.2
- [p-limit](https://npm.io/package/p-limit.md) ^2.3.0
- [p-retry](https://npm.io/package/p-retry.md) ^4.6.2
- [pkg-dir](https://npm.io/package/pkg-dir.md) ^4.2.0
- [rechoir](https://npm.io/package/rechoir.md) ^0.8.0
- [resolve](https://npm.io/package/resolve.md) ^1.22.2
- [reusify](https://npm.io/package/reusify.md) ^1.0.4
- [tapable](https://npm.io/package/tapable.md) ^2.2.1
- [type-is](https://npm.io/package/type-is.md) ^1.6.18
- [yallist](https://npm.io/package/yallist.md) ^4.0.0
- [anymatch](https://npm.io/package/anymatch.md) ^3.1.3
- [argparse](https://npm.io/package/argparse.md) ^2.0.1
- [boolbase](https://npm.io/package/boolbase.md) ^1.0.0
- [chokidar](https://npm.io/package/chokidar.md) ^3.5.3
- [css-what](https://npm.io/package/css-what.md) ^6.1.0
- [dir-glob](https://npm.io/package/dir-glob.md) ^3.0.1
- [domutils](https://npm.io/package/domutils.md) ^2.8.0
- [dot-case](https://npm.io/package/dot-case.md) ^3.0.4
- [ee-first](https://npm.io/package/ee-first.md) ^1.1.1
- [entities](https://npm.io/package/entities.md) ^2.2.0
- [error-ex](https://npm.io/package/error-ex.md) ^1.3.2
- [escalade](https://npm.io/package/escalade.md) ^3.1.1
- [has-flag](https://npm.io/package/has-flag.md) ^4.0.0
- [hpack.js](https://npm.io/package/hpack.js.md) ^2.1.6
- [inflight](https://npm.io/package/inflight.md) ^1.0.6
- [inherits](https://npm.io/package/inherits.md) ^2.0.4
- [isobject](https://npm.io/package/isobject.md) ^3.0.1
- [mimic-fn](https://npm.io/package/mimic-fn.md) ^2.1.0
- [p-locate](https://npm.io/package/p-locate.md) ^4.1.0
- [parseurl](https://npm.io/package/parseurl.md) ^1.3.3
- [path-key](https://npm.io/package/path-key.md) ^3.1.1
- [punycode](https://npm.io/package/punycode.md) ^2.3.0
- [raw-body](https://npm.io/package/raw-body.md) ^2.5.1
- [readdirp](https://npm.io/package/readdirp.md) ^3.6.0
- [statuses](https://npm.io/package/statuses.md) ^2.0.1
- [wildcard](https://npm.io/package/wildcard.md) ^2.0.1
- [call-bind](https://npm.io/package/call-bind.md) ^1.0.2
- [callsites](https://npm.io/package/callsites.md) ^3.1.0
- [clean-css](https://npm.io/package/clean-css.md) ^5.3.2
- [colorette](https://npm.io/package/colorette.md) ^2.0.20
- [commander](https://npm.io/package/commander.md) ^2.20.3
- [dns-equal](https://npm.io/package/dns-equal.md) ^1.0.0
- [encodeurl](https://npm.io/package/encodeurl.md) ^1.0.2
- [esrecurse](https://npm.io/package/esrecurse.md) ^4.3.0
- [fast-glob](https://npm.io/package/fast-glob.md) ^3.3.0
- [forwarded](https://npm.io/package/forwarded.md) ^0.2.0
- [fs-monkey](https://npm.io/package/fs-monkey.md) ^1.0.4
- [has-proto](https://npm.io/package/has-proto.md) ^1.0.1
- [immutable](https://npm.io/package/immutable.md) ^4.3.0
- [interpret](https://npm.io/package/interpret.md) ^3.1.1
- [ipaddr.js](https://npm.io/package/ipaddr.js.md) ^2.1.0
- [is-docker](https://npm.io/package/is-docker.md) ^2.2.1
- [is-number](https://npm.io/package/is-number.md) ^7.0.0
- [is-stream](https://npm.io/package/is-stream.md) ^2.0.1
- [js-tokens](https://npm.io/package/js-tokens.md) ^4.0.0
- [lru-cache](https://npm.io/package/lru-cache.md) ^6.0.0
- [minimatch](https://npm.io/package/minimatch.md) ^3.1.2
- [neo-async](https://npm.io/package/neo-async.md) ^2.6.2
- [nth-check](https://npm.io/package/nth-check.md) ^2.1.1
- [path-type](https://npm.io/package/path-type.md) ^4.0.0
- [picomatch](https://npm.io/package/picomatch.md) ^2.3.1
- [relateurl](https://npm.io/package/relateurl.md) ^0.2.7
- [renderkid](https://npm.io/package/renderkid.md) ^3.0.0
- [watchpack](https://npm.io/package/watchpack.md) ^2.4.0
- [ansi-regex](https://npm.io/package/ansi-regex.md) ^5.0.1
- [camel-case](https://npm.io/package/camel-case.md) ^4.1.2
- [clone-deep](https://npm.io/package/clone-deep.md) ^4.0.1
- [color-name](https://npm.io/package/color-name.md) ^1.1.3
- [concat-map](https://npm.io/package/concat-map.md) ^0.0.1
- [css-select](https://npm.io/package/css-select.md) ^4.3.0
- [dns-packet](https://npm.io/package/dns-packet.md) ^5.6.0
- [domhandler](https://npm.io/package/domhandler.md) ^4.3.1
- [estraverse](https://npm.io/package/estraverse.md) ^4.3.0
- [fill-range](https://npm.io/package/fill-range.md) ^7.0.1
- [get-stream](https://npm.io/package/get-stream.md) ^6.0.1
- [http-proxy](https://npm.io/package/http-proxy.md) ^1.18.1
- [iconv-lite](https://npm.io/package/iconv-lite.md) ^0.4.24
- [icss-utils](https://npm.io/package/icss-utils.md) ^5.1.0
- [is-extglob](https://npm.io/package/is-extglob.md) ^2.1.1
- [lower-case](https://npm.io/package/lower-case.md) ^2.0.2
- [micromatch](https://npm.io/package/micromatch.md) ^4.0.5
- [mime-types](https://npm.io/package/mime-types.md) ^2.1.35
- [negotiator](https://npm.io/package/negotiator.md) ^0.6.3
- [node-forge](https://npm.io/package/node-forge.md) ^1.3.1
- [on-headers](https://npm.io/package/on-headers.md) ^1.0.2
- [param-case](https://npm.io/package/param-case.md) ^3.0.4
- [parse-json](https://npm.io/package/parse-json.md) ^5.2.0
- [path-parse](https://npm.io/package/path-parse.md) ^1.0.7
- [picocolors](https://npm.io/package/picocolors.md) ^1.0.0
- [proxy-addr](https://npm.io/package/proxy-addr.md) ^2.0.7
- [pug-plugin](https://npm.io/package/pug-plugin.md) ^4.9.9
- [selfsigned](https://npm.io/package/selfsigned.md) ^2.1.1
- [source-map](https://npm.io/package/source-map.md) ^0.6.1
- [strip-ansi](https://npm.io/package/strip-ansi.md) ^6.0.1
- [ajv-formats](https://npm.io/package/ajv-formats.md) ^2.1.1
- [ansi-styles](https://npm.io/package/ansi-styles.md) ^3.2.1
- [body-parser](https://npm.io/package/body-parser.md) ^1.20.1
- [buffer-from](https://npm.io/package/buffer-from.md) ^1.1.2
- [compression](https://npm.io/package/compression.md) ^1.7.4
- [cosmiconfig](https://npm.io/package/cosmiconfig.md) ^8.2.0
- [cross-spawn](https://npm.io/package/cross-spawn.md) ^7.0.3
- [detect-node](https://npm.io/package/detect-node.md) ^2.1.0
- [escape-html](https://npm.io/package/escape-html.md) ^1.0.3
- [fraction.js](https://npm.io/package/fraction.js.md) ^4.2.0
- [fs.realpath](https://npm.io/package/fs.realpath.md) ^1.0.0
- [glob-parent](https://npm.io/package/glob-parent.md) ^5.1.2
- [graceful-fs](https://npm.io/package/graceful-fs.md) ^4.2.11
- [has-symbols](https://npm.io/package/has-symbols.md) ^1.0.3
- [html-loader](https://npm.io/package/html-loader.md) ^4.2.0
- [htmlparser2](https://npm.io/package/htmlparser2.md) ^6.1.0
- [http-errors](https://npm.io/package/http-errors.md) ^2.0.0
- [is-arrayish](https://npm.io/package/is-arrayish.md) ^0.2.1
- [jest-worker](https://npm.io/package/jest-worker.md) ^27.5.1
- [locate-path](https://npm.io/package/locate-path.md) ^5.0.0
- [media-typer](https://npm.io/package/media-typer.md) ^0.3.0
- [on-finished](https://npm.io/package/on-finished.md) ^2.4.1
- [pascal-case](https://npm.io/package/pascal-case.md) ^3.1.2
- [path-exists](https://npm.io/package/path-exists.md) ^4.0.0
- [randombytes](https://npm.io/package/randombytes.md) ^2.1.0
- [resolve-cwd](https://npm.io/package/resolve-cwd.md) ^3.0.0
- [safe-buffer](https://npm.io/package/safe-buffer.md) ^5.2.1
- [select-hose](https://npm.io/package/select-hose.md) ^2.0.0
- [serve-index](https://npm.io/package/serve-index.md) ^1.9.1
- [shell-quote](https://npm.io/package/shell-quote.md) ^1.8.1
- [signal-exit](https://npm.io/package/signal-exit.md) ^3.0.7
- [utils-merge](https://npm.io/package/utils-merge.md) ^1.0.1
- [ajv-keywords](https://npm.io/package/ajv-keywords.md) ^3.5.2
- [browserslist](https://npm.io/package/browserslist.md) ^4.21.9
- [caniuse-lite](https://npm.io/package/caniuse-lite.md) ^1.0.30001513
- [compressible](https://npm.io/package/compressible.md) ^2.0.18
- [content-type](https://npm.io/package/content-type.md) ^1.0.5
- [core-util-is](https://npm.io/package/core-util-is.md) ^1.0.3
- [eslint-scope](https://npm.io/package/eslint-scope.md) ^5.1.1
- [finalhandler](https://npm.io/package/finalhandler.md) ^1.2.0
- [handle-thing](https://npm.io/package/handle-thing.md) ^2.0.1
- [import-fresh](https://npm.io/package/import-fresh.md) ^3.3.0
- [import-local](https://npm.io/package/import-local.md) ^3.1.0
- [is-plain-obj](https://npm.io/package/is-plain-obj.md) ^3.0.0
- [merge-stream](https://npm.io/package/merge-stream.md) ^2.0.0
- [npm-run-path](https://npm.io/package/npm-run-path.md) ^4.0.1
- [pretty-error](https://npm.io/package/pretty-error.md) ^4.0.0
- [range-parser](https://npm.io/package/range-parser.md) ^1.2.1
- [resolve-from](https://npm.io/package/resolve-from.md) ^5.0.0
- [run-parallel](https://npm.io/package/run-parallel.md) ^1.2.0
- [safer-buffer](https://npm.io/package/safer-buffer.md) ^2.1.2
- [schema-utils](https://npm.io/package/schema-utils.md) ^3.3.0
- [serve-static](https://npm.io/package/serve-static.md) ^1.15.0
- [side-channel](https://npm.io/package/side-channel.md) ^1.0.4
- [toidentifier](https://npm.io/package/toidentifier.md) ^1.0.1
- [array-flatten](https://npm.io/package/array-flatten.md) ^2.1.2
- [color-convert](https://npm.io/package/color-convert.md) ^1.9.3
- [dom-converter](https://npm.io/package/dom-converter.md) ^0.2.0
- [eventemitter3](https://npm.io/package/eventemitter3.md) ^4.0.7
- [function-bind](https://npm.io/package/function-bind.md) ^1.1.1
- [get-intrinsic](https://npm.io/package/get-intrinsic.md) ^1.2.1
- [html-entities](https://npm.io/package/html-entities.md) ^2.4.0
- [http-deceiver](https://npm.io/package/http-deceiver.md) ^1.2.7
- [human-signals](https://npm.io/package/human-signals.md) ^2.1.0
- [launch-editor](https://npm.io/package/launch-editor.md) ^2.6.0
- [loader-runner](https://npm.io/package/loader-runner.md) ^4.3.0
- [multicast-dns](https://npm.io/package/multicast-dns.md) ^7.2.5
- [node-releases](https://npm.io/package/node-releases.md) ^2.0.13
- [parent-module](https://npm.io/package/parent-module.md) ^1.0.1
- [postcss-clamp](https://npm.io/package/postcss-clamp.md) ^4.1.0
- [postcss-place](https://npm.io/package/postcss-place.md) ^9.0.0
- [requires-port](https://npm.io/package/requires-port.md) ^1.0.0
- [shallow-clone](https://npm.io/package/shallow-clone.md) ^3.0.1
- [shebang-regex](https://npm.io/package/shebang-regex.md) ^3.0.0
- [source-map-js](https://npm.io/package/source-map-js.md) ^1.0.2
- [webpack-merge](https://npm.io/package/webpack-merge.md) ^5.9.0
- [balanced-match](https://npm.io/package/balanced-match.md) ^1.0.2
- [css-has-pseudo](https://npm.io/package/css-has-pseudo.md) ^6.0.0
- [dom-serializer](https://npm.io/package/dom-serializer.md) ^1.4.1
- [domelementtype](https://npm.io/package/domelementtype.md) ^2.3.0
- [faye-websocket](https://npm.io/package/faye-websocket.md) ^0.11.4
- [glob-to-regexp](https://npm.io/package/glob-to-regexp.md) ^0.4.1
- [http-parser-js](https://npm.io/package/http-parser-js.md) ^0.5.8
- [is-binary-path](https://npm.io/package/is-binary-path.md) ^2.1.0
- [is-core-module](https://npm.io/package/is-core-module.md) ^2.12.1
- [normalize-path](https://npm.io/package/normalize-path.md) ^3.0.0
- [object-inspect](https://npm.io/package/object-inspect.md) ^1.12.3
- [path-to-regexp](https://npm.io/package/path-to-regexp.md) ^0.1.7
- [setprototypeof](https://npm.io/package/setprototypeof.md) ^1.2.0
- [spdy-transport](https://npm.io/package/spdy-transport.md) ^3.0.0
- [string_decoder](https://npm.io/package/string_decoder.md) ^1.3.0
- [supports-color](https://npm.io/package/supports-color.md) ^8.1.1
- [to-regex-range](https://npm.io/package/to-regex-range.md) ^5.0.1
- [util-deprecate](https://npm.io/package/util-deprecate.md) ^1.0.2
- [bonjour-service](https://npm.io/package/bonjour-service.md) ^1.1.1
- [brace-expansion](https://npm.io/package/brace-expansion.md) ^1.1.11
- [default-gateway](https://npm.io/package/default-gateway.md) ^6.0.3
- [es-module-lexer](https://npm.io/package/es-module-lexer.md) ^1.3.0
- [fast-deep-equal](https://npm.io/package/fast-deep-equal.md) ^3.1.3
- [is-plain-object](https://npm.io/package/is-plain-object.md) ^2.0.4
- [markdown-loader](https://npm.io/package/markdown-loader.md) ^8.0.0
- [normalize-range](https://npm.io/package/normalize-range.md) ^0.1.2
- [postcss-initial](https://npm.io/package/postcss-initial.md) ^4.0.1
- [postcss-logical](https://npm.io/package/postcss-logical.md) ^7.0.0
- [postcss-nesting](https://npm.io/package/postcss-nesting.md) ^12.0.0
- [queue-microtask](https://npm.io/package/queue-microtask.md) ^1.2.3
- [readable-stream](https://npm.io/package/readable-stream.md) ^3.6.2
- [shebang-command](https://npm.io/package/shebang-command.md) ^2.0.0
- [webpack-sources](https://npm.io/package/webpack-sources.md) ^3.2.3
- [cookie-signature](https://npm.io/package/cookie-signature.md) ^1.0.6
- [css-blank-pseudo](https://npm.io/package/css-blank-pseudo.md) ^6.0.0
- [define-lazy-prop](https://npm.io/package/define-lazy-prop.md) ^2.0.0
- [enhanced-resolve](https://npm.io/package/enhanced-resolve.md) ^5.15.0
- [follow-redirects](https://npm.io/package/follow-redirects.md) ^1.15.2
- [path-is-absolute](https://npm.io/package/path-is-absolute.md) ^1.0.1
- [websocket-driver](https://npm.io/package/websocket-driver.md) ^0.7.4
- [binary-extensions](https://npm.io/package/binary-extensions.md) ^2.2.0
- [lines-and-columns](https://npm.io/package/lines-and-columns.md) ^1.2.4
- [merge-descriptors](https://npm.io/package/merge-descriptors.md) ^1.0.1
- [chrome-trace-event](https://npm.io/package/chrome-trace-event.md) ^1.0.3
- [postcss-page-break](https://npm.io/package/postcss-page-break.md) ^3.0.4
- [source-map-support](https://npm.io/package/source-map-support.md) ^0.5.21
- [ansi-html-community](https://npm.io/package/ansi-html-community.md) ^0.0.8
- [content-disposition](https://npm.io/package/content-disposition.md) ^0.5.4
- [fastest-levenshtein](https://npm.io/package/fastest-levenshtein.md) ^1.0.16
- [minimalistic-assert](https://npm.io/package/minimalistic-assert.md) ^1.0.1
- [require-from-string](https://npm.io/package/require-from-string.md) ^2.0.2
- [strip-final-newline](https://npm.io/package/strip-final-newline.md) ^2.0.0
- [electron-to-chromium](https://npm.io/package/electron-to-chromium.md) ^1.4.453
- [escape-string-regexp](https://npm.io/package/escape-string-regexp.md) ^1.0.5
- [html-minifier-terser](https://npm.io/package/html-minifier-terser.md) ^6.1.0
- [json-schema-traverse](https://npm.io/package/json-schema-traverse.md) ^0.4.1
- [postcss-custom-media](https://npm.io/package/postcss-custom-media.md) ^10.0.0
- [postcss-focus-within](https://npm.io/package/postcss-focus-within.md) ^8.0.0
- [postcss-font-variant](https://npm.io/package/postcss-font-variant.md) ^5.0.0
- [postcss-lab-function](https://npm.io/package/postcss-lab-function.md) ^6.0.0
- [postcss-selector-not](https://npm.io/package/postcss-selector-not.md) ^7.0.1
- [postcss-value-parser](https://npm.io/package/postcss-value-parser.md) ^4.2.0
- [process-nextick-args](https://npm.io/package/process-nextick-args.md) ^2.0.1
- [serialize-javascript](https://npm.io/package/serialize-javascript.md) ^6.0.1
- [websocket-extensions](https://npm.io/package/websocket-extensions.md) ^0.1.4
- [http-proxy-middleware](https://npm.io/package/http-proxy-middleware.md) ^2.0.6
- [postcss-focus-visible](https://npm.io/package/postcss-focus-visible.md) ^9.0.0
- [postcss-modules-scope](https://npm.io/package/postcss-modules-scope.md) ^3.0.0
- [terser-webpack-plugin](https://npm.io/package/terser-webpack-plugin.md) ^5.3.9
- [postcss-gap-properties](https://npm.io/package/postcss-gap-properties.md) ^5.0.0
- [postcss-modules-values](https://npm.io/package/postcss-modules-values.md) ^4.0.0
- [update-browserslist-db](https://npm.io/package/update-browserslist-db.md) ^1.0.11
- [webpack-dev-middleware](https://npm.io/package/webpack-dev-middleware.md) ^5.3.3
- [acorn-import-assertions](https://npm.io/package/acorn-import-assertions.md) ^1.9.0
- [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) ^9.0.2
- [postcss-selector-parser](https://npm.io/package/postcss-selector-parser.md) ^6.0.13
- [css-prefers-color-scheme](https://npm.io/package/css-prefers-color-scheme.md) ^9.0.0
- [postcss-custom-selectors](https://npm.io/package/postcss-custom-selectors.md) ^7.1.4
- [postcss-dir-pseudo-class](https://npm.io/package/postcss-dir-pseudo-class.md) ^8.0.0
- [postcss-custom-properties](https://npm.io/package/postcss-custom-properties.md) ^13.2.1
- [fast-json-stable-stringify](https://npm.io/package/fast-json-stable-stringify.md) ^2.1.0
- [postcss-image-set-function](https://npm.io/package/postcss-image-set-function.md) ^6.0.0
- [postcss-opacity-percentage](https://npm.io/package/postcss-opacity-percentage.md) ^2.0.0
- [postcss-overflow-shorthand](https://npm.io/package/postcss-overflow-shorthand.md) ^5.0.0
- [postcss-color-rebeccapurple](https://npm.io/package/postcss-color-rebeccapurple.md) ^9.0.0
- [connect-history-api-fallback](https://npm.io/package/connect-history-api-fallback.md) ^2.0.0
- [markdown-html-webpack-plugin](https://npm.io/package/markdown-html-webpack-plugin.md) ^1.0.1
- [json-parse-even-better-errors](https://npm.io/package/json-parse-even-better-errors.md) ^2.3.1
- [postcss-pseudo-class-any-link](https://npm.io/package/postcss-pseudo-class-any-link.md) ^9.0.0
- [postcss-replace-overflow-wrap](https://npm.io/package/postcss-replace-overflow-wrap.md) ^4.0.0
- [postcss-modules-extract-imports](https://npm.io/package/postcss-modules-extract-imports.md) ^3.0.0
- [supports-preserve-symlinks-flag](https://npm.io/package/supports-preserve-symlinks-flag.md) ^1.0.0
- [postcss-modules-local-by-default](https://npm.io/package/postcss-modules-local-by-default.md) ^4.0.3
- [postcss-color-functional-notation](https://npm.io/package/postcss-color-functional-notation.md) ^6.0.0
- [postcss-double-position-gradients](https://npm.io/package/postcss-double-position-gradients.md) ^5.0.0
- [postcss-attribute-case-insensitive](https://npm.io/package/postcss-attribute-case-insensitive.md) ^6.0.2

## Recent versions

- 2.0.22 (latest) — 2025-11-26
- 2.0.21 — 2024-01-09
- 2.0.20 — 2023-12-25
- 2.0.19 — 2023-11-23
- 2.0.18 — 2023-11-20
- 2.0.17 — 2023-11-20
- 2.0.16 — 2023-11-16
- 2.0.15 — 2023-11-16
- 2.0.14 — 2023-11-16
- 2.0.13 — 2023-11-15
- 2.0.12 — 2023-11-15
- 2.0.11 — 2023-11-15
- 2.0.10 — 2023-11-15
- 2.0.9 — 2023-11-15
- 2.0.8 — 2023-11-15
- … 10 more at https://npm.io/package/pm-gallery/versions

## README

# Pm-Gallery.js

Pm-Gallery.js - A simple yet powerful responsive image gallery

With pm-Gallery, you can create professional-quality visual content.

1. [**Demo page**](https://alekseevich-psk.github.io/pm-Gallery/dist)
2. [**How usage?**](#how-usage)
3. [**Example**](#example)
4. [**Parameters**](#parameters)

---

## How usage?

1. npm i pm-gallery
2. Add files: <br> HEAD - pm-gallery-style.css <br>
   Scripts - pm-gallery.js
3. Init:

```js
new PmGallery(".pm-gallery", {});
```

## Example:

```html
<div class="pm-gallery">
    <img src="./images/img-small-1.svg" data-src="./images/img-large-1.svg" alt="img" />
    <img src="./images/img-small-2.svg" data-src="./images/img-large-2.svg" alt="img" />
    <img src="./images/img-small-3.svg" data-src="./images/img-large-3.svg" alt="img" />
</div>
```

---

## Parameters

| Name                 |         type          | Default |                                  Value                                  | Description                                           |
| :------------------- | :-------------------: | :-----: | :---------------------------------------------------------------------: | :---------------------------------------------------- |
| **positionPreviews** |        string         | 'left'  |            'top' &#124; 'bottom' &#124; 'left'&#124; 'right'            | Positioning of preview images relative to the gallery |
| **objectFitPicture** |        string         | 'cover' | 'fill' &#124; 'contain' &#124; 'cover' &#124; 'scaleDown' &#124; 'none' | Adds the 'object-fit' class for the main image        |
| **visiblePreviews**  |        boolean        |  true   |                            true &#124; false                            | Image preview visibility                              |
| **onCenterPreviews** |        boolean        |  true   |                            true &#124; false                            | Center previews in horizontal mode                    |
| **pagination**       |        boolean        |  false  |                            true &#124; false                            | Pagination visibility                                 |
| **swipeSlider**      |        boolean        |  true   |                            true &#124; false                            | Swipe on main picture                                 |
| **loop**             |        boolean        |  false  |                            true &#124; false                            | Set to true to enable continuous loop mode            |
| **countPreSlides**   |        number         |    4    |                                 number                                  | Count of preview images                               |
| **spaceBetween**     |        number         |   10    |                                 number                                  | Distance between preview images - px                  |
| **previewWidth**     |        number         |   100   |                                 number                                  | Width of the preview image - px                       |
| **previewHeight**    |        number         |   100   |                                 number                                  | Height of the preview image - px                      |
| **speedAnimScroll**  |        number         |   300   |                                 number                                  | Scrolling speed of preview images                     |
| **breakpoints**      |        object         |   {}    |                                    -                                    | Object with parameters for responsive mode Parameters |
| **fullScreen**       |        object         |   {}    |                                    -                                    | Object with parameters for fullScreen mode Parameters |
| **borderRadius**     | number &#124; boolean |    4    |                           false &#124; count                            | The options adds border radius for images             |
| **autoPlay**         | number &#124; boolean |  false  |                           false &#124; count                            | Automatic slide change                                |
| **animSlide**        | string &#124; boolean |  false  |       false &#124; 'fade' &#124; 'flipInX' &#124; 'zoomIn' &#124;       | Animation of the slide change                         |

---
_Source: https://npm.io/package/pm-gallery · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._