# onedionys-image-gallery-component

> One Dionys (Image Gallery Component) - Component to display an image gallery with navigation and zoom features.

Latest version **5.0.0** (published 2024-03-31) · ISC license · 0 weekly downloads

## Install

```sh
npm install onedionys-image-gallery-component
pnpm add onedionys-image-gallery-component
yarn add onedionys-image-gallery-component
bun add onedionys-image-gallery-component
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 5.0.0 |
| Published | 2024-03-31 |
| First published | 2024-03-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 132 |
| Unpacked size | 12.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 33 |
| Author | One Dionys |
| Maintainers | onedionys, onedionysv |
| Keywords | onedionys, tea, package-manager, image-gallery-component |

## Links

- npm: https://www.npmjs.com/package/onedionys-image-gallery-component
- Repository: https://github.com/onedionys/onedionys-image-gallery-component
- Homepage: https://github.com/onedionys/onedionys-image-gallery-component#readme
- Issues: https://github.com/onedionys/onedionys-image-gallery-component/issues
- npm.io page: https://npm.io/package/onedionys-image-gallery-component

## Dependencies (132)

- [xstea](https://npm.io/package/xstea.md) ^1.1.4
- [jquery](https://npm.io/package/jquery.md) ^3.7.1
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [mafiozo](https://npm.io/package/mafiozo.md) ^1.1.4
- [alphonix](https://npm.io/package/alphonix.md) ^1.1.4
- [babisida](https://npm.io/package/babisida.md) ^1.1.3
- [hyper212](https://npm.io/package/hyper212.md) ^1.1.4
- [noteapro](https://npm.io/package/noteapro.md) ^1.1.4
- [gassefals](https://npm.io/package/gassefals.md) ^1.1.4
- [app_nodejs](https://npm.io/package/app_nodejs.md) ^1.1.4
- [montea-app](https://npm.io/package/montea-app.md) ^1.1.2
- [aefkaaa-tea](https://npm.io/package/aefkaaa-tea.md) ^0.1.0
- [kontol-lodon](https://npm.io/package/kontol-lodon.md) ^1.1.3
- [gozillaankara](https://npm.io/package/gozillaankara.md) ^1.1.4
- [only-learning](https://npm.io/package/only-learning.md) ^1.0.9
- [diagnose-healthy](https://npm.io/package/diagnose-healthy.md) ^1.1.3
- [returndaoproject](https://npm.io/package/returndaoproject.md) ^1.1.4
- [onedionys-animal-cat](https://npm.io/package/onedionys-animal-cat.md) ^1.0.0
- [onedionys-animal-dog](https://npm.io/package/onedionys-animal-dog.md) ^1.0.0
- [onedionys-animal-fox](https://npm.io/package/onedionys-animal-fox.md) ^1.0.0
- [onedionys-animal-bear](https://npm.io/package/onedionys-animal-bear.md) ^1.0.0
- [onedionys-animal-deer](https://npm.io/package/onedionys-animal-deer.md) ^1.0.0
- [onedionys-animal-lion](https://npm.io/package/onedionys-animal-lion.md) ^1.0.0
- [onedionys-animal-wolf](https://npm.io/package/onedionys-animal-wolf.md) ^1.0.0
- [onedionys-http-client](https://npm.io/package/onedionys-http-client.md) ^1.0.0
- [onedionys-ajax-wrapper](https://npm.io/package/onedionys-ajax-wrapper.md) ^1.0.2
- [onedionys-animal-koala](https://npm.io/package/onedionys-animal-koala.md) ^1.0.0
- [onedionys-animal-panda](https://npm.io/package/onedionys-animal-panda.md) ^1.0.0
- [onedionys-animal-tiger](https://npm.io/package/onedionys-animal-tiger.md) ^1.0.0
- [onedionys-animal-zebra](https://npm.io/package/onedionys-animal-zebra.md) ^1.0.0
- [onedionys-data-storage](https://npm.io/package/onedionys-data-storage.md) ^1.1.0
- [onedionys-montea-magic](https://npm.io/package/onedionys-montea-magic.md) ^1.0.0
- [onedionys-shop-builder](https://npm.io/package/onedionys-shop-builder.md) ^2.5.1
- [onedionys-string-utils](https://npm.io/package/onedionys-string-utils.md) ^1.0.0
- [onedionys-animal-monkey](https://npm.io/package/onedionys-animal-monkey.md) ^1.0.0
- [onedionys-animal-rabbit](https://npm.io/package/onedionys-animal-rabbit.md) ^1.0.0
- [onedionys-event-emitter](https://npm.io/package/onedionys-event-emitter.md) ^1.0.0
- [onedionys-animal-giraffe](https://npm.io/package/onedionys-animal-giraffe.md) ^1.0.0
- [onedionys-animal-gorilla](https://npm.io/package/onedionys-animal-gorilla.md) ^1.0.0
- [onedionys-date-languange](https://npm.io/package/onedionys-date-languange.md) ^2.5.1
- [onedionys-math-utilities](https://npm.io/package/onedionys-math-utilities.md) ^1.0.0
- [onedionys-scrape-twitter](https://npm.io/package/onedionys-scrape-twitter.md) ^1.0.0
- [onedionys-animal-elephant](https://npm.io/package/onedionys-animal-elephant.md) ^1.0.1
- [onedionys-animal-kangaroo](https://npm.io/package/onedionys-animal-kangaroo.md) ^1.0.0
- [onedionys-cors-middleware](https://npm.io/package/onedionys-cors-middleware.md) ^1.0.0
- [onedionys-routing-library](https://npm.io/package/onedionys-routing-library.md) ^1.0.0
- [onedionys-template-engine](https://npm.io/package/onedionys-template-engine.md) ^1.0.0
- [onedionys-web-font-loader](https://npm.io/package/onedionys-web-font-loader.md) ^1.0.0
- [onedionys-number-languange](https://npm.io/package/onedionys-number-languange.md) ^2.5.0
- [onedionys-state-management](https://npm.io/package/onedionys-state-management.md) ^1.0.0
- [onedionys-animal-rhinoceros](https://npm.io/package/onedionys-animal-rhinoceros.md) ^1.0.0
- [onedionys-animation-library](https://npm.io/package/onedionys-animation-library.md) ^1.0.0
- [onedionys-clipboard-manager](https://npm.io/package/onedionys-clipboard-manager.md) ^1.0.0
- [onedionys-cookie-management](https://npm.io/package/onedionys-cookie-management.md) ^1.0.0
- [onedionys-promise-utilities](https://npm.io/package/onedionys-promise-utilities.md) ^1.0.0
- [onedionys-ui-theme-switcher](https://npm.io/package/onedionys-ui-theme-switcher.md) ^1.0.0
- [onedionys-websocket-wrapper](https://npm.io/package/onedionys-websocket-wrapper.md) ^1.0.0
- [onedionys-color-manipulation](https://npm.io/package/onedionys-color-manipulation.md) ^1.0.0
- [onedionys-form-input-masking](https://npm.io/package/onedionys-form-input-masking.md) ^1.0.0
- [onedionys-input-autocomplete](https://npm.io/package/onedionys-input-autocomplete.md) ^1.0.0
- [onedionys-validation-library](https://npm.io/package/onedionys-validation-library.md) ^1.0.0
- [onedionys-animal-hippopotamus](https://npm.io/package/onedionys-animal-hippopotamus.md) ^1.0.0
- [onedionys-date-time-utilities](https://npm.io/package/onedionys-date-time-utilities.md) ^1.0.0
- [onedionys-image-cropping-tool](https://npm.io/package/onedionys-image-cropping-tool.md) ^1.0.0
- [onedionys-lazy-loading-images](https://npm.io/package/onedionys-lazy-loading-images.md) ^1.0.0
- [onedionys-notification-system](https://npm.io/package/onedionys-notification-system.md) ^1.0.0
- [onedionys-scrolling-utilities](https://npm.io/package/onedionys-scrolling-utilities.md) ^1.0.0
- [onedionys-user-authentication](https://npm.io/package/onedionys-user-authentication.md) ^1.0.0
- [onedionys-drag-drop-components](https://npm.io/package/onedionys-drag-drop-components.md) ^1.0.0
- [onedionys-localization-library](https://npm.io/package/onedionys-localization-library.md) ^1.0.0
- [onedionys-localization-manager](https://npm.io/package/onedionys-localization-manager.md) ^1.0.0
- [onedionys-pagination-component](https://npm.io/package/onedionys-pagination-component.md) ^1.0.0
- [onedionys-search-bar-component](https://npm.io/package/onedionys-search-bar-component.md) ^1.0.0
- [onedionys-analytics-integration](https://npm.io/package/onedionys-analytics-integration.md) ^1.0.0
- [onedionys-file-upload-component](https://npm.io/package/onedionys-file-upload-component.md) ^1.0.0
- [onedionys-static-site-generator](https://npm.io/package/onedionys-static-site-generator.md) ^1.0.0
- [onedionys-cookie-consent-manager](https://npm.io/package/onedionys-cookie-consent-manager.md) ^1.0.0
- [onedionys-css-class-manipulation](https://npm.io/package/onedionys-css-class-manipulation.md) ^1.0.0
- [onedionys-dom-mutation-observers](https://npm.io/package/onedionys-dom-mutation-observers.md) ^1.0.0
- [onedionys-email-template-builder](https://npm.io/package/onedionys-email-template-builder.md) ^1.0.0
- [onedionys-event-handling-library](https://npm.io/package/onedionys-event-handling-library.md) ^1.0.0
- [onedionys-form-wizard-components](https://npm.io/package/onedionys-form-wizard-components.md) ^1.0.0
- [onedionys-formatted-input-fields](https://npm.io/package/onedionys-formatted-input-fields.md) ^1.0.0
- [onedionys-modal-dialog-component](https://npm.io/package/onedionys-modal-dialog-component.md) ^1.0.0
- [onedionys-progress-bar-component](https://npm.io/package/onedionys-progress-bar-component.md) ^1.0.0
- [onedionys-real-time-data-syncing](https://npm.io/package/onedionys-real-time-data-syncing.md) ^1.0.0
- [onedionys-text-parsing-utilities](https://npm.io/package/onedionys-text-parsing-utilities.md) ^1.0.0
- [onedionys-data-formatting-helpers](https://npm.io/package/onedionys-data-formatting-helpers.md) ^1.0.0
- [onedionys-dom-traversal-utilities](https://npm.io/package/onedionys-dom-traversal-utilities.md) ^1.0.0
- [onedionys-form-handling-utilities](https://npm.io/package/onedionys-form-handling-utilities.md) ^1.0.0
- [onedionys-gdpr-compliance-toolkit](https://npm.io/package/onedionys-gdpr-compliance-toolkit.md) ^1.0.0
- [onedionys-image-compression-tools](https://npm.io/package/onedionys-image-compression-tools.md) ^1.0.0
- [onedionys-image-loading-utilities](https://npm.io/package/onedionys-image-loading-utilities.md) ^1.0.0
- [onedionys-lazy-loading-components](https://npm.io/package/onedionys-lazy-loading-components.md) ^1.0.0
- [onedionys-seo-friendly-pagination](https://npm.io/package/onedionys-seo-friendly-pagination.md) ^1.0.0
- [onedionys-web-storage-abstraction](https://npm.io/package/onedionys-web-storage-abstraction.md) ^1.0.0
- [onedionys-code-splitting-utilities](https://npm.io/package/onedionys-code-splitting-utilities.md) ^1.0.0
- [onedionys-data-anonymization-tools](https://npm.io/package/onedionys-data-anonymization-tools.md) ^1.0.0
- [onedionys-dom-manipulation-helpers](https://npm.io/package/onedionys-dom-manipulation-helpers.md) ^1.1.0
- [onedionys-error-handling-utilities](https://npm.io/package/onedionys-error-handling-utilities.md) ^1.0.0
- [onedionys-feature-toggle-utilities](https://npm.io/package/onedionys-feature-toggle-utilities.md) ^1.0.0
- [onedionys-load-balancer-middleware](https://npm.io/package/onedionys-load-balancer-middleware.md) ^1.0.0
- [onedionys-pdf-generation-utilities](https://npm.io/package/onedionys-pdf-generation-utilities.md) ^1.0.0
- [onedionys-seo-optimization-helpers](https://npm.io/package/onedionys-seo-optimization-helpers.md) ^1.0.0
- [onedionys-social-sharing-utilities](https://npm.io/package/onedionys-social-sharing-utilities.md) ^1.0.0
- [onedionys-web-performance-analyzer](https://npm.io/package/onedionys-web-performance-analyzer.md) ^1.0.0
- [onedionys-api-rate-limiting-handler](https://npm.io/package/onedionys-api-rate-limiting-handler.md) ^1.0.0
- [onedionys-data-encryption-utilities](https://npm.io/package/onedionys-data-encryption-utilities.md) ^1.0.0
- [onedionys-responsive-design-helpers](https://npm.io/package/onedionys-responsive-design-helpers.md) ^1.0.0
- [onedionys-secure-password-generator](https://npm.io/package/onedionys-secure-password-generator.md) ^1.0.0
- [onedionys-web-accessibility-checker](https://npm.io/package/onedionys-web-accessibility-checker.md) ^1.0.0
- [onedionys-web-accessibility-helpers](https://npm.io/package/onedionys-web-accessibility-helpers.md) ^1.0.0
- [onedionys-csrf-protection-middleware](https://npm.io/package/onedionys-csrf-protection-middleware.md) ^1.0.0
- [onedionys-database-abstraction-layer](https://npm.io/package/onedionys-database-abstraction-layer.md) ^1.0.0
- [onedionys-debounce-throttle-functions](https://npm.io/package/onedionys-debounce-throttle-functions.md) ^1.0.0
- [onedionys-responsive-image-components](https://npm.io/package/onedionys-responsive-image-components.md) ^1.0.0
- [onedionys-responsive-table-components](https://npm.io/package/onedionys-responsive-table-components.md) ^1.0.0
- [onedionys-charting-library-integration](https://npm.io/package/onedionys-charting-library-integration.md) ^1.0.0
- [onedionys-code-documentation-generator](https://npm.io/package/onedionys-code-documentation-generator.md) ^1.0.0
- [onedionys-client-side-routing-utilities](https://npm.io/package/onedionys-client-side-routing-utilities.md) ^1.0.0
- [onedionys-jwt-authentication-middleware](https://npm.io/package/onedionys-jwt-authentication-middleware.md) ^1.0.0
- [onedionys-markdown-rendering-components](https://npm.io/package/onedionys-markdown-rendering-components.md) ^1.0.0
- [onedionys-progressive-web-app-utilities](https://npm.io/package/onedionys-progressive-web-app-utilities.md) ^1.0.0
- [onedionys-timezone-conversion-utilities](https://npm.io/package/onedionys-timezone-conversion-utilities.md) ^1.0.0
- [onedionys-user-role-permission-management](https://npm.io/package/onedionys-user-role-permission-management.md) ^1.0.0
- [onedionys-authentication-tokens-management](https://npm.io/package/onedionys-authentication-tokens-management.md) ^1.0.0
- [onedionys-social-media-meta-tags-generator](https://npm.io/package/onedionys-social-media-meta-tags-generator.md) ^1.0.0
- [onedionys-content-security-policy-generator](https://npm.io/package/onedionys-content-security-policy-generator.md) ^1.0.0
- [onedionys-internationalization-i18n-support](https://npm.io/package/onedionys-internationalization-i18n-support.md) ^1.0.0
- [onedionys-web-push-notification-integration](https://npm.io/package/onedionys-web-push-notification-integration.md) ^1.0.0
- [onedionys-error-reporting-service-integration](https://npm.io/package/onedionys-error-reporting-service-integration.md) ^1.0.0
- [onedionys-content-delivery-network-integration](https://npm.io/package/onedionys-content-delivery-network-integration.md) ^1.0.0

## Alternatives

- [exif-parser](https://npm.io/package/exif-parser.md) — 3.8M weekly downloads
- [vite-plugin-compression](https://npm.io/package/vite-plugin-compression.md) — 569.5K weekly downloads
- [pica](https://npm.io/package/pica.md) — 442.4K weekly downloads
- [@reportportal/client-javascript](https://npm.io/package/@reportportal/client-javascript.md) — 408.8K weekly downloads
- [@tldraw/state](https://npm.io/package/@tldraw/state.md) — 316.0K weekly downloads

## Recent versions

- 5.0.0 (latest) — 2024-03-31
- 4.0.2 — 2024-03-18
- 4.0.1 — 2024-03-12
- 4.0.0 — 2024-03-11
- 1.0.1 — 2024-03-11
- 1.0.0 — 2024-03-08

## README

<h1 align="center">Welcome to One Dionys - Image Gallery Component! 👋 </h1>

<p align="center">Component to display an image gallery with navigation and zoom features. 💖 </p>

<p align="center">
<img src="https://img.shields.io/github/contributors/onedionys/onedionys-image-gallery-component?style=flat-square">
<img src="https://img.shields.io/github/issues/onedionys/onedionys-image-gallery-component?style=flat-square">
<img src="https://img.shields.io/github/stars/onedionys/onedionys-image-gallery-component?style=flat-square"> 
<img src="https://img.shields.io/github/forks/onedionys/onedionys-image-gallery-component?style=flat-square">
<img src="https://img.shields.io/github/last-commit/onedionys/onedionys-image-gallery-component.svg?style=flat-square">
<img src="https://img.shields.io/github/languages/code-size/onedionys/onedionys-image-gallery-component?style=flat-square">
<img src="https://img.shields.io/github/license/onedionys/onedionys-image-gallery-component?style=flat-square">
</p>

## 💾 Requirements

* `Web Browser` - Can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera].
* `Internet` - Because many use CDN and to make it easier to find solutions to all problems.

## 🎯 How To Use

#### Example Syntax

```javascript
const ImageGallery = require('image-gallery-component');

// Create an instance of ImageGallery with an array of image URLs
const images = ['image1.jpg', 'image2.jpg', 'image3.jpg'];
const gallery = new ImageGallery(images);

// Render the image gallery
gallery.renderGallery();
```

#### Explanation

* The ImageGallery class allows you to easily create and manage an image gallery in your web application. You can initialize the gallery with an array of image URLs and then use the renderGallery() method to display the gallery on your webpage.

#### Return Value

* The renderGallery() method does not return any value. It simply renders the image gallery on the webpage.

## 📆 Release Date

* v1.0.0 : 08 March 2024
* v1.0.1 : 11 March 2024
* v4.0.0 : 11 March 2024
* v4.0.1 : 12 March 2024
* v4.0.2 : 18 March 2024
* v5.0.0 : 31 March 2024

## 🧑 Author

* Facebook : <a href="https://www.facebook.com/theonedionys"> Oned Ionys</a>
* Instagram : <a href="https://www.instagram.com/onedionys/"> @onedionys</a>
* Twitter : <a href="https://twitter.com/onedionys"> @onedionys</a>
* LinkedIn :  <a href="https://www.linkedin.com/in/onedionys/"> @onedionys</a>

## 📝 License

* Copyright © 2024 One Dionys
* **One Dionys - Image Gallery Component is an open source project licensed under the MIT license**

## ☕️ Suppport & Donation

Love One Dionys - Image Gallery Component? Support this project by donating or sharing with others in need.

<a href="https://www.buymeacoffee.com/onedionys"><img src="https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black"/> </a>

**Made with ❤️ One Dionys**

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