kaerus-component-slideshow 0.0.8 → 0.0.10

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 84d739f9fdbb688d0fada1b8d8e96e84ee408cd7
4
- data.tar.gz: 15047e0d3cef2419f9a325dad304aef71a9117a0
3
+ metadata.gz: a24b45c7c9bde961092446d913fd38a26ecbb243
4
+ data.tar.gz: f08391920945319dfb3544f7350f0b6e8f05f253
5
5
  SHA512:
6
- metadata.gz: e64bb5b3a8607a36871af71391911cd36fa68526077a1cce4bd38888a376c58511d7a6411b3adf4b418031ed044f476319349764ed8e20f6e4411065f82b9550
7
- data.tar.gz: ac6a8f67277b2905532fddffa99a59796d6bb34d63b4d9273525b2b8aeec56f9450d13b51fb79a92e3e68e783ea06368b2c68ac4750e9b535c5e4f295afe350a
6
+ metadata.gz: 5487b90793cb4a1aacc65f623420f1ad40af8db768d94782d7e9d4e381d4fa2fc38eab2870838fd2e63de9e37149082753a6e2f0b55d76ae870a6361cc883b37
7
+ data.tar.gz: 9fe46cd2d914c255c1accb0705ab6f84b629d45d88673f83c9337348b881074aca62cc15a00708ae2e2f64d46be9c74fa164636c1b01f0be779ce752faff0ddd
@@ -1,7 +1,7 @@
1
1
  module Kaerus
2
2
  module Component
3
3
  module Slideshow
4
- VERSION = "0.0.8"
4
+ VERSION = "0.0.10"
5
5
  end
6
6
  end
7
7
  end
@@ -557,8 +557,7 @@ Slideshow.prototype = (function(){
557
557
  /* add slidshow UI handlers */
558
558
  addNavHandler(nav);
559
559
  addPauseHandler(slides);
560
- addTransitionHandler(nav);
561
- addTransitionEndHandler(slides);
560
+ addTransitionHandler(nav, slides);
562
561
  addButtonHandler(next,'next');
563
562
  addButtonHandler(prev,'prev');
564
563
  }
@@ -627,14 +626,18 @@ Slideshow.prototype = (function(){
627
626
  });
628
627
  }
629
628
 
630
- function addTransitionHandler(nav){
631
- var dots = nav.getElementsByTagName('li');
629
+ function addTransitionHandler(nav,slides){
630
+ var dots = nav.getElementsByTagName('li'),
631
+ ix, fx, lx = dots.length;
632
632
 
633
633
  carousel.onChange = function(index,from){
634
- if(typeof slideshow.beforeTransit === 'function') slideshow.beforeTransit(index, slideshow);
634
+ ix = index % lx;
635
+ fx = from % lx;
636
+
637
+ if(typeof slideshow.beforeTransit === 'function') slideshow.beforeTransit(ix, slideshow);
635
638
 
636
639
  if(from !== undefined){
637
- dots[from].className = "dot";
640
+ dots[fx].className = "dot";
638
641
  /* apply transitions after first slide */
639
642
  /* to avoid animations on startup */
640
643
  if(!slideshow.hasTransitions){
@@ -644,29 +647,32 @@ Slideshow.prototype = (function(){
644
647
  }
645
648
  }
646
649
 
647
- dots[index].className = "active dot";
650
+ dots[ix].className = "active dot";
651
+
648
652
  carousel.transit(index,from);
649
653
  }
650
- }
651
654
 
652
- function addTransitionEndHandler(elem){
653
- var te;
654
-
655
- if((te = hasTransitionEndEvent())){
656
- addEvent(elem,te,function(event){
657
- event = event ? event : window.event;
658
- var target = event.target || event.srcElement,
659
- target_id = slideshow.id + '-s' + carousel.index;
660
- // fixme: fires twice
661
- if(target.id === target_id && typeof slideshow.afterTransit ==='function'){
662
- slideshow.afterTransit(carousel.index, slideshow);
663
-
664
- }
665
- });
666
- slideshow.hasTransitionEndEvent = true;
667
- } else {
668
- slideshow.hasTransitionEndEvent = false;
655
+ addTransitionEndHandler(slides);
656
+
657
+ function addTransitionEndHandler(elem){
658
+ var te, x = carousel.index % lx;
659
+
660
+ if((te = hasTransitionEndEvent())){
661
+ addEvent(elem,te,function(event){
662
+ event = event ? event : window.event;
663
+ var target = event.target || event.srcElement,
664
+ target_id = slideshow.id + '-s' + carousel.index;
665
+ // fixme: fires twice
666
+ if(target.id === target_id && typeof slideshow.afterTransit ==='function'){
667
+ slideshow.afterTransit(x, slideshow);
668
+ }
669
+ });
670
+ slideshow.hasTransitionEndEvent = true;
671
+ } else {
672
+ slideshow.hasTransitionEndEvent = false;
673
+ }
669
674
  }
675
+
670
676
  }
671
677
 
672
678
  return SSproto;
@@ -81,7 +81,6 @@
81
81
  .slideshow .slides .slide{
82
82
  position: absolute;
83
83
  overflow: hidden;
84
- display: none;
85
84
  width: 100%;
86
85
  height: 100%;
87
86
  padding: 0;
@@ -109,15 +108,16 @@
109
108
  .slideshow .slides .slide.next,
110
109
  .slideshow .slides .slide.show {
111
110
  display: block;
112
- z-index: 1;
113
- }
114
-
115
- .slideshow .slides .slide.next {
116
- left: 100%;
117
111
  }
118
112
 
119
113
  .slideshow .slides .slide.prev {
120
114
  left: -100%;
115
+ z-index: 10;
116
+ }
117
+
118
+ .slideshow .slides .slide.next {
119
+ left: 100%;
120
+ z-index: 10;
121
121
  }
122
122
 
123
123
  .slideshow .slides .slide.show {
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: kaerus-component-slideshow
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.8
4
+ version: 0.0.10
5
5
  platform: ruby
6
6
  authors:
7
7
  - Anders Elo
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-09-05 00:00:00.000000000 Z
11
+ date: 2013-09-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler