Skip to content

Commit

Permalink
Merge pull request #218 from sanjayV/feature/angular-18
Browse files Browse the repository at this point in the history
Updates for Angular Version 18+
  • Loading branch information
sanjayV authored Nov 14, 2024
2 parents de5b3cd + 2fcb679 commit 08d43d4
Show file tree
Hide file tree
Showing 17 changed files with 10,309 additions and 5,828 deletions.
11 changes: 10 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
An Angular responsive image slider with lightbox popup.
Also support youtube and mp4 video urls.

(Compatible with Angular Version: 17)
(Compatible with Angular Version: 18)

## Features!

Expand Down Expand Up @@ -104,6 +104,7 @@ For angular version 8 or less, use `"skipLibCheck": true` in `tsconfig.json` for

| Name | Type | Data Type | Description | Default |
|------|------|-----------|-------------|---------|
| fallbackImage | @Input | object | Sets fallback image for image load errors. See fallbackImage Input format below. | null |
| infinite | @Input | boolean | Infinite sliding images if value is **true**. | false |
| imagePopup | @Input | boolean | Enable image lightBox popup option on slider image click. | true |
| animationSpeed | @Input | number | By this user can set slider animation speed. Minimum value is **0.1 second** and Maximum value is **5 second**. | 1 |
Expand All @@ -124,6 +125,14 @@ For angular version 8 or less, use `"skipLibCheck": true` in `tsconfig.json` for
| lightboxClose | @Output | n/a | Executes when lightbox close. | n/a |
| lightboxArrowClick | @Output | n/a | Executes when click on lightbox next/previous arrow. | n/a |

## fallbackImage Input Format
```
{
"image": "./slider/mainImage.jpg",
"thumbImage": "./slider/thumbImage.jpg"
}
```


## Add custom navigation button
```typescript
Expand Down
Loading

0 comments on commit 08d43d4

Please sign in to comment.