https://github.com/aayusharora/motley-slider
Live Link
https://github.com/aayusharora/motley-slider
angular angularelements css slider
Last synced: about 1 month ago
JSON representation
Live Link
- Host: GitHub
- URL: https://github.com/aayusharora/motley-slider
- Owner: aayusharora
- Created: 2018-06-02T05:38:47.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-03T21:28:52.000Z (about 8 years ago)
- Last Synced: 2025-05-30T13:47:32.245Z (about 1 year ago)
- Topics: angular, angularelements, css, slider
- Language: HTML
- Homepage: http://motley-slider.bitballoon.com/
- Size: 78.1 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# motley-slider
##### An angular-element slider that can be used in any framework without learning angular.
#### How to use
###### Installing the package:
```
npm install motley-slider
```
###### Modifying the json:
Modify the JSON file present inside assets according to your need.
```
{
"images": [
{
"img": "http://news.mit.edu/sites/mit.edu.newsoffice/files/images/2016/mit-entrepreneurship-bootcamp-2016_0.jpg",
"alt": "MIT", "text": "MIT Entrepreneurship Bootcamp Alumni",
"link":"",
"about":""
},
{
"img": "https://cdn.techjuice.pk/wp-content/uploads/2018/03/GSoC.png",
"alt": "", "text": "GSOC Alumni & Mentor",
"link":"",
"about":""
},
{
"img": "https://www.dtelepathy.com/blog/wp-content/uploads/2014/06/Betterment_EducationSites.jpg",
"alt": "Developed a library for Angular Elements",
"text": "UI Engineer & Mentor, CodingBlocks",
"link":"",
"about":""
},
{
"img": "https://pbs.twimg.com/media/DQDEnmVVQAUAITF.jpg",
"alt": "", "text": "Speaker and Blogger",
"link":"",
"about":""
},
{
"img": "https://cdn-images-1.medium.com/max/2000/1*FGnf6_DJlIAfx2li5OgV3w.jpeg",
"alt": "",
"text": "Open Source Member, FOSSASIA",
"link":"",
"about":""
}
]
}
```
##### Run your server
```
http-server
```