Skip to content
Browse files

add timer

  • Loading branch information...
1 parent 501854c commit e3538d940c4102307f037c556d958350eaafa0af elclanrs committed
Showing with 76 additions and 28 deletions.
  1. +1 −1 css/jquery.tiles.min.css
  2. +8 −8 index.html
  3. +49 −15 js/jquery.tiles.js
  4. +1 −1 js/min/jquery.tiles.min.js
  5. +17 −3 less/jquery.tiles.less
  6. BIN zip/jquery.tiles.zip
View
2 css/jquery.tiles.min.css
@@ -1 +1 @@
-.tiles-preload .tiles-slider-wrap *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}.tiles-slider-wrap *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.tiles-slider-wrap a:focus{outline:0}.tiles-slider-wrap,.tiles-tile{position:relative}.tiles-wrap{position:absolute;height:100%;width:100%;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px}.tiles-tile{float:left;top:0;left:0;right:0;bottom:0;opacity:1;z-index:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-next,.tiles-prev{opacity:0;position:absolute;z-index:1;top:50%;margin:0 .5em;margin-top:-24px;text-indent:-9999px;width:48px;height:48px;line-height:50px;background:url(../img/prev_next.png) left no-repeat;color:white;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-next{right:0;background-position:right}.tiles-slider-wrap:hover .tiles-next,.tiles-slider-wrap:hover .tiles-prev{opacity:1}.tiles-nav:hover ~ .tiles-next,.tiles-nav:hover ~ .tiles-prev{opacity:0}.tiles-nav{position:absolute;top:100%;left:50%;margin-top:1em}.tiles-nav .tiles-nav-item{position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-nav .tiles-nav-item.tiles-nav-active{cursor:default}.tiles-nav .tiles-nav-item:not(.tiles-nav-active):hover span{visibility:visible;opacity:1;margin-top:-1em}.tiles-nav .tiles-pagination{text-decoration:none;color:#222;padding:.1em .5em;margin:0 .1em;border-radius:2px}.tiles-nav .tiles-pagination:hover{text-decoration:none;color:#088bbf}.tiles-nav .tiles-pagination.tiles-nav-active{background:#088bbf;color:#fff}.tiles-nav .tiles-bullet{display:inline-block;width:16px;height:16px;margin:0 .3em;border-radius:16px;background:#ddd}.tiles-nav .tiles-bullet.tiles-nav-active{background:#088bbf}.tiles-nav span{position:absolute;z-index:1;visibility:hidden;opacity:0;padding:.3em;margin-top:-1.5em;background:rgba(255,255,255,0.85);box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:2px;border-top:1px solid white;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-backface-visibility:hidden}.tiles-nav span:after,.tiles-nav span:before{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border-style:solid;border-width:10px;border-color:transparent;border-top-color:rgba(255,255,255,0.85)}.tiles-nav span:before{margin-top:1px;border-top-color:rgba(0,0,0,0.5)}.tiles-nav img{display:block}.tiles-description{position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:1em 2em;line-height:1.5;visibility:hidden;opacity:0;color:white;background:rgba(0,0,0,0.65);box-shadow:0 -1px 2px rgba(0,0,0,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-description p{position:relative;padding:0;margin:0;left:-5em;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-description-active{opacity:1;visibility:visible}.tiles-description-active p{left:0}.tiles-description-empty{display:none}.tiles-slider-s100 .tiles-tile{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.tiles-slider-s200 .tiles-tile{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tiles-slider-s300 .tiles-tile{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-slider-s400 .tiles-tile{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.tiles-slider-s500 .tiles-tile{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.tiles-slider-s600 .tiles-tile{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.tiles-slider-s700 .tiles-tile{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.tiles-slider-s800 .tiles-tile{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.tiles-slider-s900 .tiles-tile{-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;transition:all .9s ease-in-out}.tiles-slider-s1000 .tiles-tile{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.tiles-tile.tiles-reset{-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}.tiles-simple-anim{opacity:0}.tiles-default-anim{position:relative;opacity:0;box-shadow:0 0 10px black;top:-5%;left:5%;z-index:1}.tiles-y1.tiles-up-anim{height:1px!important}.tiles-x1.tiles-left-normal{clear:both}.tiles-x1.tiles-left-anim{width:0!important}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x2{left:50%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x4{left:25%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x6{left:16.666666666666668%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x8{left:12.5%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x10{left:10%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x12{left:8.333333333333334%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x14{left:7.142857142857143%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x16{left:6.25%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x18{left:5.555555555555555%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x20{left:5%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x2{left:-50%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x4{left:-25%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x6{left:-16.666666666666668%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x8{left:-12.5%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x10{left:-10%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x12{left:-8.333333333333334%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x14{left:-7.142857142857143%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x16{left:-6.25%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x18{left:-5.555555555555555%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x20{left:-5%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y2{top:50%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y4{top:25%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y6{top:16.666666666666668%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y8{top:12.5%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y10{top:10%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y12{top:8.333333333333334%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y14{top:7.142857142857143%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y16{top:6.25%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y18{top:5.555555555555555%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y20{top:5%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y2{top:-50%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y4{top:-25%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y6{top:-16.666666666666668%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y8{top:-12.5%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y10{top:-10%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y12{top:-8.333333333333334%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y14{top:-7.142857142857143%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y16{top:-6.25%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y18{top:-5.555555555555555%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y20{top:-5%}.tiles-fliplr-anim{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.tiles-flipud-anim{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}.tiles-reduce-anim{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.tiles-360-anim{-webkit-transform:rotateZ(360deg) scale(0);-moz-transform:rotateZ(360deg) scale(0);-ms-transform:rotateZ(360deg) scale(0);-o-transform:rotateZ(360deg) scale(0);transform:rotateZ(360deg) scale(0)}.tiles-leftright-anim.tiles-even{-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);-o-transform:translate(50%,0);transform:translate(50%,0)}.tiles-leftright-anim.tiles-odd{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}.tiles-updown-anim.tiles-even{-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-ms-transform:translate(0,50%);-o-transform:translate(0,50%);transform:translate(0,50%)}.tiles-updown-anim.tiles-odd{-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}.tiles-slider-wrap .tiles-switchlr-anim,.tiles-slider-wrap .tiles-switchud-anim,.tiles-slider-wrap .tiles-fliplr-anim,.tiles-slider-wrap .tiles-y1.tiles-up-anim,.tiles-slider-wrap .tiles-x1.tiles-left-anim,.tiles-slider-wrap .tiles-updown-anim,.tiles-slider-wrap .tiles-leftright-anim,.tiles-slider-wrap .tiles-flipud-anim,.tiles-slider-wrap .tiles-reduce-anim{opacity:0;visibility:hidden}.tiles-slider-leftright .tiles-wrap,.tiles-slider-updown .tiles-wrap,.tiles-slider-360 .tiles-wrap{overflow:hidden}
+.tiles-preload .tiles-slider-wrap *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}.tiles-slider-wrap *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.tiles-slider-wrap a:focus{outline:0}.tiles-slider-wrap,.tiles-tile{position:relative}.tiles-wrap{position:absolute;height:100%;width:100%;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px}.tiles-tile{float:left;top:0;left:0;right:0;bottom:0;opacity:1;z-index:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-timer{position:absolute;top:0;height:5px;width:0;background:#088bbf}.tiles-next,.tiles-prev{opacity:0;position:absolute;z-index:1;top:50%;margin:0 .5em;margin-top:-24px;text-indent:-9999px;width:48px;height:48px;line-height:50px;background:url(../img/prev_next.png) left no-repeat;color:white;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-next{right:0;background-position:right}.tiles-slider-wrap:hover .tiles-next,.tiles-slider-wrap:hover .tiles-prev{opacity:1}.tiles-nav:hover ~ .tiles-next,.tiles-nav:hover ~ .tiles-prev{opacity:0}.tiles-nav{position:absolute;top:100%;left:50%;margin-top:1em}.tiles-nav .tiles-nav-item{position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-nav .tiles-nav-item.tiles-nav-active{cursor:default}.tiles-nav .tiles-nav-item:not(.tiles-nav-active):hover span{visibility:visible;opacity:1;margin-top:-1em}.tiles-nav .tiles-pagination{text-decoration:none;color:#222;padding:.1em .5em;margin:0 .1em;border-radius:2px}.tiles-nav .tiles-pagination:hover{text-decoration:none;color:#088bbf}.tiles-nav .tiles-pagination.tiles-nav-active{background:#088bbf;color:#fff}.tiles-nav .tiles-bullet{display:inline-block;width:16px;height:16px;margin:0 .3em;border-radius:16px;background:#ddd}.tiles-nav .tiles-bullet.tiles-nav-active{background:#088bbf}.tiles-nav span{position:absolute;z-index:1;visibility:hidden;opacity:0;padding:.3em;margin-top:-1.5em;background:rgba(255,255,255,0.85);box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:2px;border-top:1px solid white;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-backface-visibility:hidden}.tiles-nav span:after,.tiles-nav span:before{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border-style:solid;border-width:10px;border-color:transparent;border-top-color:rgba(255,255,255,0.85)}.tiles-nav span:before{margin-top:1px;border-top-color:rgba(0,0,0,0.5)}.tiles-nav img{display:block}.tiles-description{position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:1em 2em;line-height:1.5;visibility:hidden;opacity:0;color:white;background:rgba(0,0,0,0.65);box-shadow:0 -1px 2px rgba(0,0,0,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-description p{position:relative;padding:0;margin:0;left:-5em;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-description-active{opacity:1;visibility:visible}.tiles-description-active p{left:0}.tiles-description-empty{display:none}.tiles-slider-s100 .tiles-tile{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.tiles-slider-s200 .tiles-tile{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tiles-slider-s300 .tiles-tile{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-slider-s400 .tiles-tile{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.tiles-slider-s500 .tiles-tile{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.tiles-slider-s600 .tiles-tile{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.tiles-slider-s700 .tiles-tile{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.tiles-slider-s800 .tiles-tile{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.tiles-slider-s900 .tiles-tile{-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;transition:all .9s ease-in-out}.tiles-slider-s1000 .tiles-tile{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.tiles-tile.tiles-reset{-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}.tiles-simple-anim{opacity:0}.tiles-default-anim{position:relative;opacity:0;box-shadow:0 0 10px black;top:-5%;left:5%;z-index:1}.tiles-y1.tiles-up-anim{height:1px!important}.tiles-x1.tiles-left-normal{clear:both}.tiles-x1.tiles-left-anim{width:0!important}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x2{left:50%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x4{left:25%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x6{left:16.666666666666668%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x8{left:12.5%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x10{left:10%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x12{left:8.333333333333334%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x14{left:7.142857142857143%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x16{left:6.25%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x18{left:5.555555555555555%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x20{left:5%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x2{left:-50%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x4{left:-25%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x6{left:-16.666666666666668%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x8{left:-12.5%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x10{left:-10%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x12{left:-8.333333333333334%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x14{left:-7.142857142857143%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x16{left:-6.25%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x18{left:-5.555555555555555%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x20{left:-5%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y2{top:50%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y4{top:25%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y6{top:16.666666666666668%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y8{top:12.5%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y10{top:10%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y12{top:8.333333333333334%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y14{top:7.142857142857143%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y16{top:6.25%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y18{top:5.555555555555555%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y20{top:5%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y2{top:-50%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y4{top:-25%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y6{top:-16.666666666666668%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y8{top:-12.5%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y10{top:-10%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y12{top:-8.333333333333334%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y14{top:-7.142857142857143%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y16{top:-6.25%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y18{top:-5.555555555555555%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y20{top:-5%}.tiles-fliplr-anim{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.tiles-flipud-anim{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}.tiles-reduce-anim{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.tiles-360-anim{-webkit-transform:rotateZ(360deg) scale(0);-moz-transform:rotateZ(360deg) scale(0);-ms-transform:rotateZ(360deg) scale(0);-o-transform:rotateZ(360deg) scale(0);transform:rotateZ(360deg) scale(0)}.tiles-leftright-anim.tiles-even{-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);-o-transform:translate(50%,0);transform:translate(50%,0)}.tiles-leftright-anim.tiles-odd{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}.tiles-updown-anim.tiles-even{-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-ms-transform:translate(0,50%);-o-transform:translate(0,50%);transform:translate(0,50%)}.tiles-updown-anim.tiles-odd{-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}.tiles-slider-wrap .tiles-switchlr-anim,.tiles-slider-wrap .tiles-switchud-anim,.tiles-slider-wrap .tiles-fliplr-anim,.tiles-slider-wrap .tiles-y1.tiles-up-anim,.tiles-slider-wrap .tiles-x1.tiles-left-anim,.tiles-slider-wrap .tiles-updown-anim,.tiles-slider-wrap .tiles-leftright-anim,.tiles-slider-wrap .tiles-flipud-anim,.tiles-slider-wrap .tiles-reduce-anim{opacity:0;visibility:hidden}.tiles-slider-leftright .tiles-wrap,.tiles-slider-updown .tiles-wrap,.tiles-slider-360 .tiles-wrap{overflow:hidden}
View
16 index.html
@@ -59,13 +59,13 @@
<img src="img/img01.jpg"/><p><strong>Sausage:</strong> ground round sirloin ball tip beef ribs.</p>
<img src="img/img02.jpg"/><p><strong>Pig ham:</strong> hock pork loin brisket pastrami frankfurter andouille.</p>
<img src="img/img03.jpg"/><p><strong>Pork turkey:</strong> shoulder, filet mignon chuck t-bone bacon.</p>
- <img src="img/img04.jpg"/><p><strong>Short loin:</strong> pig jowl fatback, pork loin pork chop.</p>
- <img src="img/img05.jpg"/><p><strong>Sausage:</strong> ground round sirloin ball tip beef ribs.</p>
- <img src="img/img06.jpg"/><p><strong>Pig ham:</strong> hock pork loin brisket pastrami frankfurter andouille.</p>
- <img src="img/img07.jpg"/><p><strong>Pork turkey:</strong> shoulder, filet mignon chuck t-bone bacon.</p>
- <img src="img/img08.jpg"/><p><strong>Short loin:</strong> pig jowl fatback, pork loin pork chop.</p>
- <img src="img/img09.jpg"/><p><strong>Sausage:</strong> ground round sirloin ball tip beef ribs.</p>
- <img src="img/img10.jpg"/><p><strong>Pig ham:</strong> hock pork loin brisket pastrami frankfurter andouille.</p>
+ <!--<img src="img/img04.jpg"/><p><strong>Short loin:</strong> pig jowl fatback, pork loin pork chop.</p>-->
+ <!--<img src="img/img05.jpg"/><p><strong>Sausage:</strong> ground round sirloin ball tip beef ribs.</p>-->
+ <!--<img src="img/img06.jpg"/><p><strong>Pig ham:</strong> hock pork loin brisket pastrami frankfurter andouille.</p>-->
+ <!--<img src="img/img07.jpg"/><p><strong>Pork turkey:</strong> shoulder, filet mignon chuck t-bone bacon.</p>-->
+ <!--<img src="img/img08.jpg"/><p><strong>Short loin:</strong> pig jowl fatback, pork loin pork chop.</p>-->
+ <!--<img src="img/img09.jpg"/><p><strong>Sausage:</strong> ground round sirloin ball tip beef ribs.</p>-->
+ <!--<img src="img/img10.jpg"/><p><strong>Pig ham:</strong> hock pork loin brisket pastrami frankfurter andouille.</p>-->
</div>
</div>
</section>
@@ -79,7 +79,7 @@
// Options
- var defaults = { thumbSize: 20 };
+ var defaults = { thumbSize: 20, onLoopEnd: function(){ $('.stop, .start').toggle() } };
var effects = {
'default': { x:6, y:4, random: true },
View
64 js/jquery.tiles.js
@@ -22,8 +22,10 @@
navWrap: null,
thumbs: true,
thumbSize: 25,
+ timer: true,
beforeChange: $.noop,
- afterChange: $.noop
+ afterChange: $.noop,
+ onLoopEnd: $.noop
}
, Utils = {
/**
@@ -60,12 +62,14 @@
this.imgWidth = this.$container.width()
this.imgHeight = this.$container.height()
- this.interval = null
+ this.slideshow = null
+ this.endLoop = null
this.isAnimating = null
// Assign in _init when elements are generated
this.$navLinks = null
this.$descriptions = null
+ this.$timer = null
if ( this.opts.rewind ) { this.opts.fade = true }
@@ -100,6 +104,11 @@
self.$navLinks = self.$container.find('.tiles-nav-item')
}
+ if ( o.timer ) {
+ self._addTimer()
+ self.$timer = self.$container.find('.tiles-timer')
+ }
+
self._setupDescriptions()
self.$descriptions = self.$container.find('.tiles-description')
self._showOrHideDescription()
@@ -112,6 +121,22 @@
},
+ _addTimer: function() {
+ this.$container.append('<div class="tiles-timer"/>')
+ },
+
+ _updateTimer: function() {
+ if ( this.opts.timer ) {
+ this.$timer.animate( { width: '100%' }, this.opts.slideSpeed, 'linear' )
+ }
+ },
+
+ _resetTimer: function() {
+ if ( this.opts.timer ) {
+ this.$timer.stop( true ).width( 0 )
+ }
+ },
+
_addNav: function() {
var self = this
@@ -154,8 +179,8 @@
self.$container.append( $nav.append( $links ) )
// Adjust center
$nav.css( 'margin-left', '-'+ $nav.outerWidth()/2 +'px' )
- }
-
+ }
+
self.$container.append( $prev, $next )
// Adjust thumbnails when already in DOM
@@ -171,9 +196,10 @@
},
_updateNav: function() {
- if ( this.interval ) { this.stop().start() }
- this.$navLinks.removeClass('tiles-nav-active')
- .eq( this._getCurrentIdx() ).addClass('tiles-nav-active')
+ if ( this.opts.nav ) {
+ this.$navLinks.removeClass('tiles-nav-active')
+ .eq( this._getCurrentIdx() ).addClass('tiles-nav-active')
+ }
},
_setupDescriptions: function() {
@@ -313,6 +339,7 @@
$cur.remove()
self._resetTiles( $cur )
self._showOrHideDescription( true )
+ if ( self.slideshow ) { self.stop().start() }
callback()
o.afterChange()
})
@@ -320,6 +347,7 @@
o.beforeChange()
self._updateNav()
+ self._resetTimer()
self._showOrHideDescription( false )
return this
@@ -354,24 +382,30 @@
var self = this
, o = self.opts
- , endLoop = ( o.slideSpeed * (self.$wraps.length-1) ) + o.tileSpeed
-
- if ( self.interval ) { self.stop().next() }
+ , totalSpeed = o.slideSpeed + o.tileSpeed + o.cssSpeed
+ , endLoop = totalSpeed * ( self.$wraps.length - self._getCurrentIdx() - 1 )
- self.interval = setInterval(function() {
- self.next() }, o.slideSpeed )
+ this.slideshow = true
+ self.timeout = setTimeout(function(){ self.next() }, o.slideSpeed )
if ( !o.loop ) {
- setTimeout(function(){ self.stop() }, endLoop );
+ self.endLoop = setTimeout(function(){
+ self.stop()
+ o.onLoopEnd()
+ }, endLoop );
}
+ this._updateTimer()
+
return this
},
stop: function() {
- clearInterval( this.interval )
- this.interval = false
+ clearTimeout( this.timeout )
+ clearTimeout( this.endLoop )
+ this.slideshow = false
+ this._resetTimer()
return this
}
View
2 js/min/jquery.tiles.min.js
@@ -1 +1 @@
-(function(e,t,n){function s(t,n){this.opts=e.extend({},r,n),this.klass="tiles-"+this.opts.effect,this.klassNormal=this.klass+"-normal",this.klassAnim=this.klass+"-anim",this.n_tiles=this.opts.x*this.opts.y,this.$container=e(t),this.$images=this.$container.find("img"),this.imgWidth=this.$container.width(),this.imgHeight=this.$container.height(),this.interval=null,this.isAnimating=null,this.$navLinks=null,this.$descriptions=null,this.opts.rewind&&(this.opts.fade=!0),this._init()}var r={x:4,y:4,slider:!1,effect:"default",fade:!1,random:!1,reverse:!1,backReverse:!1,limit:!1,rewind:!1,auto:!1,loop:!0,slideSpeed:3500,tileSpeed:800,cssSpeed:300,nav:!0,bullets:!0,navWrap:null,thumbs:!0,thumbSize:25,beforeChange:e.noop,afterChange:e.noop},i={range:function(e,t,n){var r=(new Array(++t-e)).join(".").split(".").map(function(t,n){return e+n});return n?r.map(function(e){return[Math.random(),e]}).sort().map(function(e){return e[1]}):r}};s.prototype={_init:function(){var n=this,r=n.opts;if(!n.$images.length)return!1;n.$container.addClass("tiles-slider-wrap tiles-slider-"+r.effect+" tiles-slider-s"+r.cssSpeed),n.$images.each(function(){n._generateTiles(e(this))}),n.$wraps=n.$container.find(".tiles-wrap").detach(),n.$wraps.first().addClass("tiles-wrap-current").appendTo(n.$container),r.nav&&(n._addNav(),n.$navLinks=n.$container.find(".tiles-nav-item")),n._setupDescriptions(),n.$descriptions=n.$container.find(".tiles-description"),n._showOrHideDescription(),e("body").addClass("tiles-preload"),e(t).load(function(){e("body").removeClass("tiles-preload")}),r.auto&&n.start()},_addNav:function(){var t=this,n=t.opts,r=e(n.navWrap||"<div/>").addClass("tiles-nav"),i=[],s,o,u=e('<a href="#" class="tiles-next">Next &raquo;</a>'),a=e('<a href="#" class="tiles-prev">&laquo; Prev</a>'),f=t.imgHeight*n.thumbSize/100,l=t.imgWidth*n.thumbSize/100;for(var c=1;c<t.$wraps.length+1;c++)o='<span><img src="'+t.$images.eq(c-1).attr("src")+'"/></span>',i.push('<a href="#" class="tiles-nav-item '+(n.bullets?"tiles-bullet":"tiles-pagination")+'">'+(n.bullets?"":c)+(n.thumbs?o:"")+"</a>");s=e(i.join("")),s.click(function(){var n=e(this),r=s.index(n);t._navigate(r,e.noop)}),s.first().addClass("tiles-nav-active"),u.click(function(){t.next()}),a.click(function(){t.prev()}),s.add(u).add(a).click(function(e){e.preventDefault()}),n.navWrap?r.append(s):(t.$container.append(r.append(s)),r.css("margin-left","-"+r.outerWidth()/2+"px")),t.$container.append(a,u),s.find("img").height(f).width(l),s.find("span").each(function(){var t=e(this);t.css({top:-t.outerHeight()-r.outerHeight(),left:-(t.outerWidth()-t.parent().outerWidth())/2})})},_updateNav:function(){this.interval&&this.stop().start(),this.$navLinks.removeClass("tiles-nav-active").eq(this._getCurrentIdx()).addClass("tiles-nav-active")},_setupDescriptions:function(){this.$images.each(function(){e(this).next("p").length||e(this).after("<p/>")}),this.$container.find("p").each(function(){e(this).wrapAll('<div class="tiles-description '+(e(this).is(":empty")?"tiles-description-empty":"")+'"/>')})},_showOrHideDescription:function(e){this.$descriptions.removeClass("tiles-description-active").eq(this._getCurrentIdx()).toggleClass("tiles-description-active",e)},_generateTiles:function(t){var n=this,r=n.opts,i=[],s;for(var o=0;o<n.n_tiles;o++)i.push('<div class="tiles-tile '+n.klassNormal+'"/>');s=e(i.join("")),s.addClass("tiles-x"+r.x+" tiles-y"+r.y).filter(":odd").addClass("tiles-odd").end().filter(":even").addClass("tiles-even"),s.css({width:n.imgWidth/r.x,height:n.imgHeight/r.y,backgroundImage:"url("+t.attr("src")+")"}),e('<div class="tiles-wrap"/>').append(s).insertAfter(t.hide()),s.each(function(){var t=e(this),n=t.position();t.css("backgroundPosition",-n.left+"px "+ -n.top+"px")})},_animateTiles:function(t,n){n=n||e.noop;var r=this,s=r.opts,o=i.range(0,r.n_tiles,s.random),u=Math.floor(s.tileSpeed/r.n_tiles),a=o.length/(100/s.limit),f=r.n_tiles>1?s.tileSpeed+s.cssSpeed:s.cssSpeed,l=t.find(".tiles-tile");r.isAnimating=!0,s.reverse&&(o=o.reverse()),s.limit&&(s.reverse?o.splice(0,a):o.splice(a,o.length)),o.forEach(function(e,t){var n=l.eq(e),i=t*u;setTimeout(function(){n.addClass(r.klassAnim)},i),s.rewind&&(i+=s.cssSpeed/(100/s.rewind),setTimeout(function(){n.removeClass(r.klassAnim)},i))}),setTimeout(function(){r.isAnimating=!1,n()},f)},_resetTiles:function(e){e.find(".tiles-tile").removeClass(this.klassAnim)},_getCurrentWrap:function(){return this.$wraps.filter(".tiles-wrap-current")},_getCurrentIdx:function(){return this.$wraps.index(this._getCurrentWrap())},_navigate:function(e,t){var n=this,r=n.opts,i=n._getCurrentWrap(),s=n.$wraps.eq(e),o=n._getCurrentIdx();return e===o||n.isAnimating?!1:(n.$container.find(".tiles-wrap").removeClass("tiles-wrap-current"),s.addClass("tiles-wrap-current").prependTo(n.$container),r.fade&&s.fadeOut(1).fadeIn(r.tileSpeed),r.rewind&&i.fadeIn(1).delay(r.tileSpeed/2).fadeOut(r.tileSpeed),r.backReverse&&(r.reverse=e<o),n._animateTiles(i,function(){i.remove(),n._resetTiles(i),n._showOrHideDescription(!0),t(),r.afterChange()}),r.beforeChange(),n._updateNav(),n._showOrHideDescription(!1),this)},prev:function(t){var n=this,r=n._getCurrentWrap(),i=r.is(n.$wraps.first()),s=i?n.$wraps.length-1:n._getCurrentIdx()-1;return this._navigate(s,t||e.noop)},next:function(t){var n=this,r=n._getCurrentWrap(),i=r.is(n.$wraps.last()),s=i?0:n._getCurrentIdx()+1;return this._navigate(s,t||e.noop)},start:function(){var e=this,t=e.opts,n=t.slideSpeed*(e.$wraps.length-1)+t.tileSpeed;return e.interval&&e.stop().next(),e.interval=setInterval(function(){e.next()},t.slideSpeed),t.loop||setTimeout(function(){e.stop()},n),this},stop:function(){return clearInterval(this.interval),this.interval=!1,this}},e.fn.tilesSlider=function(t){var n=Array.prototype.slice.call(arguments,1);return this.each(function(){if(typeof t=="string"){var r=e.data(this,"tiles-slider");r[t].apply(r,n)}else e.data(this,"tiles-slider")||e.data(this,"tiles-slider",new s(this,t))})}})(jQuery,window);
+(function(e,t,n){function s(t,n){this.opts=e.extend({},r,n),this.klass="tiles-"+this.opts.effect,this.klassNormal=this.klass+"-normal",this.klassAnim=this.klass+"-anim",this.n_tiles=this.opts.x*this.opts.y,this.$container=e(t),this.$images=this.$container.find("img"),this.imgWidth=this.$container.width(),this.imgHeight=this.$container.height(),this.slideshow=null,this.endLoop=null,this.isAnimating=null,this.$navLinks=null,this.$descriptions=null,this.$timer=null,this.opts.rewind&&(this.opts.fade=!0),this._init()}var r={x:4,y:4,slider:!1,effect:"default",fade:!1,random:!1,reverse:!1,backReverse:!1,limit:!1,rewind:!1,auto:!1,loop:!0,slideSpeed:3500,tileSpeed:800,cssSpeed:300,nav:!1,bullets:!0,navWrap:null,thumbs:!0,thumbSize:25,timer:!0,beforeChange:e.noop,afterChange:e.noop,onLoopEnd:e.noop},i={range:function(e,t,n){var r=(new Array(++t-e)).join(".").split(".").map(function(t,n){return e+n});return n?r.map(function(e){return[Math.random(),e]}).sort().map(function(e){return e[1]}):r}};s.prototype={_init:function(){var n=this,r=n.opts;if(!n.$images.length)return!1;n.$container.addClass("tiles-slider-wrap tiles-slider-"+r.effect+" tiles-slider-s"+r.cssSpeed),n.$images.each(function(){n._generateTiles(e(this))}),n.$wraps=n.$container.find(".tiles-wrap").detach(),n.$wraps.first().addClass("tiles-wrap-current").appendTo(n.$container),r.nav&&(n._addNav(),n.$navLinks=n.$container.find(".tiles-nav-item")),r.timer&&(n._addTimer(),n.$timer=n.$container.find(".tiles-timer")),n._setupDescriptions(),n.$descriptions=n.$container.find(".tiles-description"),n._showOrHideDescription(),e("body").addClass("tiles-preload"),e(t).load(function(){e("body").removeClass("tiles-preload")}),r.auto&&n.start()},_addTimer:function(){this.$container.append('<div class="tiles-timer"/>')},_updateTimer:function(){this.opts.timer&&this.$timer.animate({width:"100%"},this.opts.slideSpeed,"linear")},_resetTimer:function(){this.opts.timer&&this.$timer.stop(!0).width(0)},_addNav:function(){var t=this,n=t.opts,r=e(n.navWrap||"<div/>").addClass("tiles-nav"),i=[],s,o,u=e('<a href="#" class="tiles-next">Next &raquo;</a>'),a=e('<a href="#" class="tiles-prev">&laquo; Prev</a>'),f=t.imgHeight*n.thumbSize/100,l=t.imgWidth*n.thumbSize/100;for(var c=1;c<t.$wraps.length+1;c++)o='<span><img src="'+t.$images.eq(c-1).attr("src")+'"/></span>',i.push('<a href="#" class="tiles-nav-item '+(n.bullets?"tiles-bullet":"tiles-pagination")+'">'+(n.bullets?"":c)+(n.thumbs?o:"")+"</a>");s=e(i.join("")),s.click(function(){var n=e(this),r=s.index(n);t._navigate(r,e.noop)}),s.first().addClass("tiles-nav-active"),u.click(function(){t.next()}),a.click(function(){t.prev()}),s.add(u).add(a).click(function(e){e.preventDefault()}),n.navWrap?r.append(s):(t.$container.append(r.append(s)),r.css("margin-left","-"+r.outerWidth()/2+"px")),t.$container.append(a,u),s.find("img").height(f).width(l),s.find("span").each(function(){var t=e(this);t.css({top:-t.outerHeight()-r.outerHeight(),left:-(t.outerWidth()-t.parent().outerWidth())/2})})},_updateNav:function(){this.opts.nav&&this.$navLinks.removeClass("tiles-nav-active").eq(this._getCurrentIdx()).addClass("tiles-nav-active")},_setupDescriptions:function(){this.$images.each(function(){e(this).next("p").length||e(this).after("<p/>")}),this.$container.find("p").each(function(){e(this).wrapAll('<div class="tiles-description '+(e(this).is(":empty")?"tiles-description-empty":"")+'"/>')})},_showOrHideDescription:function(e){this.$descriptions.removeClass("tiles-description-active").eq(this._getCurrentIdx()).toggleClass("tiles-description-active",e)},_generateTiles:function(t){var n=this,r=n.opts,i=[],s;for(var o=0;o<n.n_tiles;o++)i.push('<div class="tiles-tile '+n.klassNormal+'"/>');s=e(i.join("")),s.addClass("tiles-x"+r.x+" tiles-y"+r.y).filter(":odd").addClass("tiles-odd").end().filter(":even").addClass("tiles-even"),s.css({width:n.imgWidth/r.x,height:n.imgHeight/r.y,backgroundImage:"url("+t.attr("src")+")"}),e('<div class="tiles-wrap"/>').append(s).insertAfter(t.hide()),s.each(function(){var t=e(this),n=t.position();t.css("backgroundPosition",-n.left+"px "+ -n.top+"px")})},_animateTiles:function(t,n){n=n||e.noop;var r=this,s=r.opts,o=i.range(0,r.n_tiles,s.random),u=Math.floor(s.tileSpeed/r.n_tiles),a=o.length/(100/s.limit),f=r.n_tiles>1?s.tileSpeed+s.cssSpeed:s.cssSpeed,l=t.find(".tiles-tile");r.isAnimating=!0,s.reverse&&(o=o.reverse()),s.limit&&(s.reverse?o.splice(0,a):o.splice(a,o.length)),o.forEach(function(e,t){var n=l.eq(e),i=t*u;setTimeout(function(){n.addClass(r.klassAnim)},i),s.rewind&&(i+=s.cssSpeed/(100/s.rewind),setTimeout(function(){n.removeClass(r.klassAnim)},i))}),setTimeout(function(){r.isAnimating=!1,n()},f)},_resetTiles:function(e){e.find(".tiles-tile").removeClass(this.klassAnim)},_getCurrentWrap:function(){return this.$wraps.filter(".tiles-wrap-current")},_getCurrentIdx:function(){return this.$wraps.index(this._getCurrentWrap())},_navigate:function(e,t){var n=this,r=n.opts,i=n._getCurrentWrap(),s=n.$wraps.eq(e),o=n._getCurrentIdx();return e===o||n.isAnimating?!1:(n.$container.find(".tiles-wrap").removeClass("tiles-wrap-current"),s.addClass("tiles-wrap-current").prependTo(n.$container),r.fade&&s.fadeOut(1).fadeIn(r.tileSpeed),r.rewind&&i.fadeIn(1).delay(r.tileSpeed/2).fadeOut(r.tileSpeed),r.backReverse&&(r.reverse=e<o),n._animateTiles(i,function(){i.remove(),n._resetTiles(i),n._showOrHideDescription(!0),n.slideshow&&n.stop().start(),t(),r.afterChange()}),r.beforeChange(),n._updateNav(),n._resetTimer(),n._showOrHideDescription(!1),this)},prev:function(t){var n=this,r=n._getCurrentWrap(),i=r.is(n.$wraps.first()),s=i?n.$wraps.length-1:n._getCurrentIdx()-1;return this._navigate(s,t||e.noop)},next:function(t){var n=this,r=n._getCurrentWrap(),i=r.is(n.$wraps.last()),s=i?0:n._getCurrentIdx()+1;return this._navigate(s,t||e.noop)},start:function(){var e=this,t=e.opts,n=t.slideSpeed+t.tileSpeed+t.cssSpeed,r=n*(e.$wraps.length-e._getCurrentIdx()-1);return this.slideshow=!0,e.timeout=setTimeout(function(){e.next()},t.slideSpeed),t.loop||(e.endLoop=setTimeout(function(){e.stop(),t.onLoopEnd()},r)),this._updateTimer(),this},stop:function(){return clearTimeout(this.timeout),clearTimeout(this.endLoop),this.slideshow=!1,this._resetTimer(),this}},e.fn.tilesSlider=function(t){var n=Array.prototype.slice.call(arguments,1);return this.each(function(){if(typeof t=="string"){var r=e.data(this,"tiles-slider");r[t].apply(r,n)}else e.data(this,"tiles-slider")||e.data(this,"tiles-slider",new s(this,t))})}})(jQuery,window);
View
20 less/jquery.tiles.less
@@ -28,6 +28,8 @@
* Global:
----------------------------------------------*/
+@main-color: #088BBF;
+
.tiles-preload .tiles-slider-wrap * {
-webkit-transition: none !important;
-moz-transition: none !important;
@@ -63,6 +65,18 @@
z-index: 0;
.transition(all .3s ease-in-out);
}
+/*-----------------------------------------------
+ * Timer:
+ ----------------------------------------------*/
+.tiles-timer {
+ position: absolute;
+ top: 0;
+ height: 5px;
+ width: 0;
+ background: @main-color;
+ /*border-bottom: 1px solid white;*/
+ /*box-shadow: 0 1px 4px rgba(0,0,0,.5)*/
+}
/*-----------------------------------------------
* Navigation:
@@ -118,10 +132,10 @@
border-radius: 2px;
&:hover {
text-decoration: none;
- color: #088BBF;
+ color: @main-color;
}
&.tiles-nav-active {
- background: #088BBF;
+ background: @main-color;
color: #fff;
}
}
@@ -133,7 +147,7 @@
margin: 0 .3em;
border-radius: 16px;
background: #ddd;
- &.tiles-nav-active { background: #088BBF; }
+ &.tiles-nav-active { background: @main-color; }
}
/* Thumbnails */
span {
View
BIN zip/jquery.tiles.zip
Binary file not shown.

0 comments on commit e3538d9

Please sign in to comment.
Something went wrong with that request. Please try again.