kaerus-component-slideshow 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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