![Oracle Drags Its Feet in the JavaScript Trademark Dispute](https://cdn.sanity.io/images/cgdhsj6q/production/919c3b22c24f93884c548d60cbb338e819ff2435-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
ng-opengallery
Advanced tools
Opengallery is an Angular library component for efficient gallery rendering and interactions (images & videos)
Opengallery is an Angular library component for efficient gallery rendering and interactions (images & videos). The gallery layout is responsive for all devices and loads the content only if it's in the viewport. A media viewer is shipped and included with this library. You can configure the component the way you want.
Try it out here: DEMO or clone this repo and run ng serve
for a full demo of opengallery. Built with angular version 9.
First install the package with the command npm i ng-opengallery
Then, in your module.ts, import the library module
import { NgOpengalleryModule } from 'ng-opengallery';
And add it to your imports modules, then you can use it in any component.html
<ng-opengallery
[datasource]='this.data'
[config]='this.config'
(change)='onChange($event)'
(error)='onError($event)'
(selection)='onSelection($event)'
(open)='onOpen($event)'>
</ng-opengallery>
If you want a full code demo, check out the repository on github here
Property | Type | Note |
---|---|---|
[datasource] | Array(Media) | Media datasource with data |
[config] | Config | Configuration of the gallery (prefMediaHeight,spacing,layout,viewerEnabled,viewerFullsize,diaporamaDuration,enableAutoPlay) |
[config.prefMediaHeight] | number | prefered height size of media in the layouts, default is 250 |
[config.spacing] | number | spacing between media, is not taken into account for the caroussel layout, default is 2 |
[config.layout] | LayoutStyle | Specify the media layout you want (SIMPLE, CATALOG, CAROUSEL, MASONRY), default is SIMPLE |
[config.viewerEnabled] | boolean | Specify whether the modal viewer should appear when a media is clicked, default is true |
[config.viewerFullsize] | boolean | Specify whether the media in the modal viewer should take the full width and height available, default is false |
[config.diaporamaDuration] | number | Duration for the diaporama in the modal viewer, if 0 is specified, diaporama is disabled, default is 3 |
[config.enableAutoPlay] | number | Specify if a media should start when it enters the viewport, default is true |
[config.effectClass] | string | Special effect applied on media defined by the user, if null no effect is applied, default is null |
Event | Type | Note |
---|---|---|
(change) | Media | Emits the current media when the diaporama changes automatically or by the user (carousel,media viewer) |
(error) | Media | Emits the media that caused an error (could not be loaded) |
(selection) | Media | Emits the media that was selected by the user |
(open) | boolean | Emits a boolean when the media viewer is opened or closed |
This package is on npm
https://www.npmjs.com/package/ng-opengallery
This package is under the MIT license
FAQs
Opengallery is an Angular library component for efficient gallery rendering and interactions (images & videos)
The npm package ng-opengallery receives a total of 0 weekly downloads. As such, ng-opengallery popularity was classified as not popular.
We found that ng-opengallery demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.