Skip to content

Commit f87916e

Browse files
committed
Move the project integration part to the top of the page
1 parent 35b5046 commit f87916e

File tree

1 file changed

+10
-12
lines changed

1 file changed

+10
-12
lines changed

README.md

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,16 @@ Directly use:
7373
- `https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/2.5.0/rzslider.min.js`
7474
- `https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/2.5.0/rzslider.min.css`
7575

76+
77+
## Project integration
78+
79+
### Imports
80+
```html
81+
<link rel="stylesheet" type="text/css" href="/path/to/slider/rzslider.css"/>
82+
<script src="/path/to/angularjs/angular.min.js"></script>
83+
<script src="/path/to/slider/rzslider.min.js"></script>
84+
```
85+
7686
### Module
7787
```javascript
7888
angular.module('yourApp', ['rzModule']);
@@ -320,18 +330,6 @@ $scope.$on("slideEnded", function() {
320330
});
321331
```
322332

323-
## Project integration
324-
325-
```html
326-
<link rel="stylesheet" type="text/css" href="/path/to/slider/rzslider.css"/>
327-
<script src="/path/to/angularjs/angular.min.js"></script>
328-
<script src="/path/to/slider/rzslider.min.js"></script>
329-
330-
<script>
331-
var YourApp = angular.module('myapp', ['rzModule']);
332-
</script>
333-
```
334-
335333
## Browser support
336334

337335
I use Slider on couple of my projects and it's being tested on desktop versions of Chrome, Firefox, Safari, IE 9/10 (Ticks are displayed using flex display so they don't work on IE9).

0 commit comments

Comments
 (0)