diff --git a/README.mdown b/README.mdown index e91c1a23..b91561a3 100644 --- a/README.mdown +++ b/README.mdown @@ -1,6 +1,6 @@ [![Gitter chat](https://badges.gitter.im/woothemes/FlexSlider.png)](https://gitter.im/woothemes/FlexSlider) -# FlexSlider 2.5.0 +# FlexSlider 2.6.0 http://www.woothemes.com/flexslider/ - Copyright (c) 2015 WooThemes ## Releases @@ -19,6 +19,10 @@ To keep up to date with how FlexSlider's development roadmap looks, please see o ## Updates +** Version 2.6.0 ** + +** Adds composer json file, scope fix for focused keyword, fixes bower demo folder exclusion, z-index fix for disabled nav arrow, play/pause accessibility fix, itemMargin fix for slider items, fixes accessibility for in focus elements and pagination controls, firefox fix for text selection on slider carousel, adds data-thumb-alt image alt attribute ** + ** Version 2.5.0 ** ** Bumped compatibility support starting with jQuery 1.7+. pausePlay icon fix. Firefox touch event fix. Adds customDirectionNav param ** diff --git a/bower.json b/bower.json index 6d5fa926..96cc23d2 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "flexslider", - "version": "2.5.0", + "version": "2.6.0", "homepage": "https://github.com/woothemes/FlexSlider", "authors": [ "WooThemes " @@ -23,7 +23,8 @@ "node_modules", "bower_components", "test", - "tests" + "tests", + "demo" ], "dependencies": { "jquery": ">=1.11.3" diff --git a/changelog.txt b/changelog.txt index 5d1175c0..98fff41d 100644 --- a/changelog.txt +++ b/changelog.txt @@ -16,4 +16,15 @@ FLEXSLIDER CHANGELOG * CSS fix for pausePlay play icon. * Firefox touchstart event fix. * Compatibility change for jQuery to 1.7.0+ - * Adds customDirectionNav param for custom navigation controls \ No newline at end of file + * Adds customDirectionNav param for custom navigation controls + + 2015.11.16 - Version 2.6.0 + * Adds composer json file keywords + * Scope fix for focused keyword + * Fixes bower demo folder exclusion + * z-index fix for disabled nav arrow + * play/pause accessibility fix + * itemMargin fix for slider items margins + * Fixes accessibility for in focus elements and pagination controls + * Firefox fix for text selection on slider carousel + * Adds data-thumb-alt image alt attribute diff --git a/composer.json b/composer.json new file mode 100644 index 00000000..f52bba07 --- /dev/null +++ b/composer.json @@ -0,0 +1,6 @@ +{ + "name": "woothemes/FlexSlider", + "description": "An awesome, fully responsive jQuery slider toolkit.", + "keywords": ["flexslider","slider","jquery","woothemes","automattic"], + "homepage": "https://github.com/woothemes/FlexSlider" +} diff --git a/css/resets.less b/css/resets.less index b13ff114..ac75268d 100644 --- a/css/resets.less +++ b/css/resets.less @@ -6,8 +6,7 @@ .flex-container, .flex-slider { - a:hover, - a:focus { + a:hover { outline: none; @@ -19,9 +18,9 @@ .slides > li, .flex-control-nav, .flex-direction-nav { - - margin: 0; - padding: 0; + + margin: 0; + padding: 0; list-style: none; } diff --git a/css/theme.less b/css/theme.less index 58ba1957..2aa84895 100644 --- a/css/theme.less +++ b/css/theme.less @@ -3,13 +3,13 @@ * ====================================================================================================================*/ -.flexslider { +.flexslider { - margin: @flexslider-margin; - background: @flexslider-bg; - border: @flexslider-border; + margin: @flexslider-margin; + background: @flexslider-bg; + border: @flexslider-border; position: relative; - zoom: 1; + zoom: 1; .border-radius( @flexslider-border-radius ); .box-shadow( @flexslider-box-shadow-x-axis, @flexslider-box-shadow-y-axis, @flexslider-box-shadow-blur, @flexslider-box-shadow-color, @flexslider-box-shadow-inset); @@ -20,13 +20,14 @@ img { height: auto; + -moz-user-select: none; } } } -.flex-viewport { +.flex-viewport { - max-height: @flex-viewport-max-height; + max-height: @flex-viewport-max-height; .transition(); @@ -37,9 +38,9 @@ } } -.carousel li { +.carousel li { - margin-right: 5px; + margin-right: 5px; } @@ -52,41 +53,41 @@ *height: 0; - + // // Global styles // - a { - - text-decoration: none; - display: block; - width: 40px; - height: 40px; - margin: -20px 0 0; - position: absolute; - top: 50%; - z-index: 10; - overflow: hidden; - opacity: 0; - cursor: pointer; - color: @flex-direction-nav-color; + a { + + text-decoration: none; + display: block; + width: 40px; + height: 40px; + margin: -20px 0 0; + position: absolute; + top: 50%; + z-index: 10; + overflow: hidden; + opacity: 0; + cursor: pointer; + color: @flex-direction-nav-color; text-shadow: @flex-direction-nav-text-shadow; .transition( 0.3s, ease-in-out ); - &:before { + &:before { - font-family: "@{font-name}"; - font-size: 40px; - display: inline-block; + font-family: "@{font-name}"; + font-size: 40px; + display: inline-block; content: @flex-direction-nav-icon-prev; color: @flex-direction-nav-icon-color; text-shadow: @flex-direction-nav-icon-text-shadow; } - &.flex-next:before { + &.flex-next:before { content: @flex-direction-nav-icon-next; @@ -99,7 +100,7 @@ // Prev // - .flex-prev { + .flex-prev { left: -50px; @@ -110,9 +111,9 @@ // Next // - .flex-next { - - right: -50px; + .flex-next { + + right: -50px; text-align: right; } @@ -123,29 +124,29 @@ // .flexslider:hover &{ - - .flex-prev { - opacity: 0.7; + .flex-prev { + + opacity: 0.7; left: 10px; &:hover{ - + opacity: 1; } } - - .flex-next { - opacity: 0.7; + .flex-next { + + opacity: 0.7; right: 10px; &:hover{ - + opacity: 1; - + } } @@ -157,11 +158,12 @@ // Disabled // - .flex-disabled { + .flex-disabled { - opacity: 0!important; - filter: alpha(opacity=0); + opacity: 0!important; + filter: alpha(opacity=0); cursor: default; + z-index: -1; } } @@ -173,23 +175,23 @@ .flex-pauseplay a { - display: block; - width: 20px; - height: 20px; - position: absolute; - bottom: 5px; - left: 10px; - opacity: 0.8; - z-index: 10; - overflow: hidden; - cursor: pointer; + display: block; + width: 20px; + height: 20px; + position: absolute; + bottom: 5px; + left: 10px; + opacity: 0.8; + z-index: 10; + overflow: hidden; + cursor: pointer; color: #000; - &:before { + &:before { - font-family: "@{font-name}"; - font-size: 20px; - display: inline-block; + font-family: "@{font-name}"; + font-size: 20px; + display: inline-block; content: @flex-pauseplay-icon-pause; } @@ -200,7 +202,7 @@ } - &.flex-play:before { + &.flex-play:before { content: @flex-pauseplay-icon-play; @@ -215,16 +217,16 @@ .flex-control-nav { - width: 100%; - position: absolute; - bottom: -40px; + width: 100%; + position: absolute; + bottom: -40px; text-align: center; li { - - margin: 0 6px; - display: inline-block; - zoom: 1; + + margin: 0 6px; + display: inline-block; + zoom: 1; *display: inline; } @@ -240,25 +242,25 @@ a { - width: 11px; - height: 11px; - display: block; - background: #666; - background: rgba(0,0,0,0.5); - cursor: pointer; + width: 11px; + height: 11px; + display: block; + background: #666; + background: rgba(0,0,0,0.5); + cursor: pointer; text-indent: -9999px; .box-shadow( 0, 0, 3px, rgba(0,0,0,0.3), inset ); .border-radius( 20px ); - &:hover { + &:hover { - background: #333; + background: #333; background: rgba(0,0,0,0.7); } - &.flex-active { + &.flex-active { background: #000; background: rgba( 0, 0, 0, 0.9 ); @@ -271,25 +273,26 @@ .flex-control-thumbs { - margin: @flex-control-thumbs; - position: static; + margin: @flex-control-thumbs; + position: static; overflow: hidden; li { - width: 25%; - float: left; + width: 25%; + float: left; margin: 0; } img { - + width: 100%; - height: auto; - display: block; - opacity: .7; + height: auto; + display: block; + opacity: .7; cursor: pointer; + -moz-user-select: none; .transition(); @@ -299,7 +302,7 @@ .flex-active { - opacity: 1; + opacity: 1; cursor: default; } diff --git a/demo/basic-carousel.html b/demo/basic-carousel.html index 839ee23d..bf882cdf 100644 --- a/demo/basic-carousel.html +++ b/demo/basic-carousel.html @@ -3,7 +3,7 @@ FlexSlider 2 - + diff --git a/demo/basic-slider-with-caption.html b/demo/basic-slider-with-caption.html index 88b08730..3c43b015 100644 --- a/demo/basic-slider-with-caption.html +++ b/demo/basic-slider-with-caption.html @@ -3,7 +3,7 @@ FlexSlider 2 - + diff --git a/demo/basic-slider-with-custom-direction-nav.html b/demo/basic-slider-with-custom-direction-nav.html index e9bc8085..391351bd 100644 --- a/demo/basic-slider-with-custom-direction-nav.html +++ b/demo/basic-slider-with-custom-direction-nav.html @@ -3,7 +3,7 @@ FlexSlider 2 - + diff --git a/demo/carousel-min-max.html b/demo/carousel-min-max.html index 43280303..12031c91 100644 --- a/demo/carousel-min-max.html +++ b/demo/carousel-min-max.html @@ -3,7 +3,7 @@ FlexSlider 2 - + diff --git a/demo/dynamic-carousel-min-max.html b/demo/dynamic-carousel-min-max.html index 78fc2349..a8969db4 100644 --- a/demo/dynamic-carousel-min-max.html +++ b/demo/dynamic-carousel-min-max.html @@ -3,7 +3,7 @@ FlexSlider 2 - + @@ -100,7 +100,7 @@

Carousel With Min & Max Ranges

// store the slider in a local variable var $window = $(window), - flexslider; + flexslider = { vars:{} }; // tiny helper function to add breakpoints function getGridSize() { @@ -173,7 +173,7 @@

Carousel With Min & Max Ranges

// store the slider in a local variable var $window = $(window), - flexslider; + flexslider = { vars:{} }; // tiny helper function to add breakpoints function getGridSize() { diff --git a/demo/index.html b/demo/index.html index dfaef32b..1efee2e4 100644 --- a/demo/index.html +++ b/demo/index.html @@ -3,7 +3,7 @@ FlexSlider 2 - + diff --git a/demo/thumbnail-controlnav.html b/demo/thumbnail-controlnav.html index cbfeba2c..a705d10f 100644 --- a/demo/thumbnail-controlnav.html +++ b/demo/thumbnail-controlnav.html @@ -3,7 +3,7 @@ FlexSlider 2 - + diff --git a/demo/thumbnail-slider.html b/demo/thumbnail-slider.html index 0ea76f2c..bfcf791f 100644 --- a/demo/thumbnail-slider.html +++ b/demo/thumbnail-slider.html @@ -3,7 +3,7 @@ FlexSlider 2 - + diff --git a/demo/video-wistia.html b/demo/video-wistia.html index 78e0113a..de80ba67 100644 --- a/demo/video-wistia.html +++ b/demo/video-wistia.html @@ -3,7 +3,7 @@ FlexSlider 2 - + diff --git a/demo/video.html b/demo/video.html index 23e1a398..3e98b1f4 100644 --- a/demo/video.html +++ b/demo/video.html @@ -3,7 +3,7 @@ FlexSlider 2 - + @@ -47,7 +47,7 @@

Other Examples