Skip to content

Commit

Permalink
Merge branch 'release/0.1.22'
Browse files Browse the repository at this point in the history
  • Loading branch information
Wlada committed Jul 9, 2018
2 parents a24cbf4 + b133946 commit 48ce9f6
Show file tree
Hide file tree
Showing 4 changed files with 20 additions and 18 deletions.
2 changes: 1 addition & 1 deletion dist/vue-carousel-3d.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

32 changes: 17 additions & 15 deletions docs/source/examples/index.md
Expand Up @@ -6,71 +6,73 @@ title: Examples

Without any options configured and seven slides added to 3D Carousel

<script async src="//jsfiddle.net/Wlada/kqen0yba/embed/result,js,html,css/?accentColor=405671"></script>
<script async src="//jsfiddle.net/Wlada/kqen0yba/embed/result,js,html,css/"></script>

## Callbacks

Added @after-slide-change, @before-slide-change and @last-slide callbacks

<script async src="//jsfiddle.net/Wlada/dtwg9kr9/embed/result,js,html/?accentColor=405671"></script>
<script async src="//jsfiddle.net/Wlada/dtwg9kr9/embed/result,js,html/"></script>

## Controls Enabled

Arrow controls visible, clicking on slide is disabled and seven slides with captions added to 3D Carousel

<script async src="//jsfiddle.net/Wlada/684ptro6/embed/result,js,html,css/?accentColor=405671"></script>
<script async src="//jsfiddle.net/Wlada/684ptro6/embed/result,js,html,css/"></script>

## Controls Customised

Arrow controls customised. Text, width and height of a button is updated.

<script async src="//jsfiddle.net/Wlada/r6auc7bh/embed/result,js,html/?accentColor=405671"></script>
<script async src="//jsfiddle.net/Wlada/r6auc7bh/embed/result,js,html/"></script>

## Autoplay

Autoplay enabled, number of displayed configured and seven slides added to 3D Carousel

<script async src="//jsfiddle.net/Wlada/p2927k3p/embed/result,js,html,css/?accentColor=405671"></script>
<script async src="//jsfiddle.net/Wlada/p2927k3p/embed/result,js,html,css/"></script>

## Dynamic Slides

Add / Remove slides from 3D Carousel

<script async src="//jsfiddle.net/Wlada/stsao0e1/embed/result,js,html/?accentColor=405671"></script>
<script async src="//jsfiddle.net/Wlada/stsao0e1/embed/result,js,html/"></script>

## Go To Slide Index

Go to slide Index. First index is 0

<script async src="//jsfiddle.net/Wlada/y0nrfL75/embed/result,js,html/"></script>


## Sizes

Slide width and height configured and five slides added to 3D Carousel

<script async src="//jsfiddle.net/Wlada/9cn9vapn/embed/result,js,html,css/?accentColor=405671"></script>

<script async src="//jsfiddle.net/Wlada/9cn9vapn/embed/result,js,html,css/"></script>

## Perspective

Perspective and space between slide configured. seven slides added to 3D Carousel, three of them are displayed.

<script async src="//jsfiddle.net/Wlada/mrsrqwox/embed/result,js,html,css/?accentColor=405671"></script>

<script async src="//jsfiddle.net/Wlada/mrsrqwox/embed/result,js,html,css/"></script>

## Scaling

Inverse scaling and space between slide configured. five slides added to 3D Carousel

<script async src="//jsfiddle.net/Wlada/qdys1p2v/1/embed/result,js,html,css/?accentColor=405671"></script>

<script async src="//jsfiddle.net/Wlada/qdys1p2v/1/embed/result,js,html,css/"></script>

## Flip Slider

Perspective, space between slides and number of displayed configured. Seven slides added to 3D Carousel

<script async src="//jsfiddle.net/Wlada/fp646v7f/embed/result,js,html,css/?accentColor=405671"></script>
<script async src="//jsfiddle.net/Wlada/fp646v7f/embed/result,js,html,css/"></script>

## 3d Disabled

3d mode is disable, space between slide is set to slide width, clickable is disabled and controls are visible.

<script async src="//jsfiddle.net/Wlada/34d6uqpw/embed/result,js,html/?accentColor=405671"></script>

<script async src="//jsfiddle.net/Wlada/34d6uqpw/embed/result,js,html/"></script>

<style type="text/css">iframe { height: 400px; }</style>
2 changes: 1 addition & 1 deletion docs/themes/vue/source/js/vue-carousel-3d.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
@@ -1,6 +1,6 @@
{
"name": "vue-carousel-3d",
"version": "0.1.21",
"version": "0.1.22",
"description": "Beautiful, flexible and touch supported 3D Carousel for Vue.js",
"main": "dist/vue-carousel-3d.min.js",
"scripts": {
Expand Down

0 comments on commit 48ce9f6

Please sign in to comment.