Permalink
Browse files

fixed overlay icon feature, removed bower

  • Loading branch information...
nickforddesign committed May 21, 2018
1 parent 896efad commit f89c17f048aa59659c80b6714ebcb582456b46e1
Showing with 75 additions and 4,452 deletions.
  1. +1 −2 .gitignore
  2. +0 −2 .notes.txt
  3. +0 −1 .python-version
  4. +0 −2 .todo.txt
  5. +2 −2 README.md
  6. +0 −35 bower.json
  7. +3 −3 build/css/freezeframe_styles.css
  8. +14 −14 build/js/freezeframe.js
  9. +16 −898 build/js/freezeframe.pkgd.js
  10. +3 −3 examples/index.html
  11. +1 −1 gulpfile.js
  12. +13 −3,468 package-lock.json
  13. +4 −3 package.json
  14. +14 −14 src/js/freezeframe.js
  15. +4 −4 src/scss/freezeframe_styles.scss
View
@@ -1,3 +1,2 @@
.DS_Store
/node_modules
/bower_components
/node_modules
View
@@ -38,7 +38,6 @@ light / dark loader
Documentation
* include project setup or development
* bower components
* node modules
* gulp start, then dev
* gulp build
@@ -47,5 +46,4 @@ Documentation
General stuff
get the bower stuff done
make warn method public
View

This file was deleted.

Oops, something went wrong.
View
@@ -33,7 +33,6 @@ test compatibility with browserstack using feature test function
Documentation
* include project setup or development
* bower components
* node modules
* gulp start, then dev
* gulp build
@@ -42,5 +41,4 @@ Documentation
General stuff
get the bower stuff done
make warn method public
View
@@ -1,4 +1,4 @@
## freezeframe.js 3.0.8
## freezeframe.js 3.0.9
freezeframe.js is a script that pauses animated .gifs and enables them to
animate on mouse hover / mouse click / touch event, or with trigger / release
@@ -29,7 +29,7 @@ functions. It supports responsive images and works as a jQuery / Zepto plugin.
<script src="freezeframe.min.js"></script>
```
2. If you do not use the **packaged version** of freezeframe, the following dependencies are required:
* imagesLoaded Packaged v4.0.0 ( [https://github.com/desandro/imagesloaded](https://github.com/desandro/imagesloaded) )
* imagesLoaded Packaged v4.1.4 ( [https://github.com/desandro/imagesloaded](https://github.com/desandro/imagesloaded) )
* jQuery v2.1.4 *or* Zepto v1.1.6
(**Note**: only the core and event modules are required if using Zepto, 20kb minified)
View

This file was deleted.

Oops, something went wrong.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -20,7 +20,7 @@ var freezeframe = (function($) {
// does freezeframe instance have any captured images?
var has_images = function() {
return this.images.length == 0 ? false : true;
return this.images.length > 0;
}
// filter captured images by selector and warn if none found
@@ -30,7 +30,7 @@ var freezeframe = (function($) {
if(_selector != undefined && _images.length > 1) {
filtered_images = _images.filter( $(_selector) );
if (filtered_images.length == 0) {
warn('no images found for selector "' + _selector + '"')
warn('no images found for selector "' + _selector + '"');
return false;
}
} else {
@@ -78,7 +78,7 @@ var freezeframe = (function($) {
selector : '.freezeframe',
animation_play_duration: 5000,
non_touch_device_trigger_event: 'hover',
overlay: false
overlay: false
}
// new selector as string
@@ -88,9 +88,9 @@ var freezeframe = (function($) {
if(options) {
for (attribute in options) {
if (attribute in this.options) {
this.options[attribute] = options[attribute]
this.options[attribute] = options[attribute];
} else {
warn(attribute + ' not a valid option')
warn(attribute + ' not a valid option');
}
}
}
@@ -113,7 +113,7 @@ var freezeframe = (function($) {
} else if (this.options.selector !== undefined) {
selector = this.options.selector;
} else {
warn('no selector passed to capture function or set in options')
warn('no selector passed to capture function or set in options');
return false;
}
@@ -147,22 +147,22 @@ var freezeframe = (function($) {
// //
//////////////////////////////////////////////////////////////////////////////
freezeframe.prototype.setup = function(_setupOptions) {
if( !(_setupOptions == undefined)){
var _selector = _setupOptions.selector;
var _overlay = _setupOptions.overlay;
}
if( !(_setupOptions == undefined)){
var _selector = _setupOptions.selector;
var _overlay = _setupOptions.overlay;
}
var ff = this,
setup_required = this.images.not('.ff-setup'),
container_classnames = ['ff-container', 'ff-loading-icon'];
if(!has_images.call(ff)) {
warn('unable to run setup(), no images captured')
warn('unable to run setup(), no images captured');
return this;
}
if(setup_required.length == 0) {
warn('unable to run setup(), no images require setup')
warn('unable to run setup(), no images require setup');
return this;
}
@@ -218,7 +218,7 @@ var freezeframe = (function($) {
images;
if(!has_images.call(ff)) {
warn('unable to run attach(), no images captured')
warn('unable to run attach(), no images captured');
return this;
}

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -91,7 +91,7 @@
$('.my_class_4').freezeframe();
$('.my_class_5').freezeframe({overlay: true});
$('.my_class_5').freezeframe({overlay: true});
})
</script>
@@ -112,10 +112,10 @@
<button class="start">start</button><button class="stop">stop</button>
<img class="my_class_3 freezeframe-responsive" src="http://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/56141631e4b0095d43132f02/5614164be4b0652b31fbd0a5/1444744817955/parislove9801.gif" />
<p>responsive,<br />jQuery plugin.</p>
<p>responsive,<br />jquery/zepto plugin.</p>
<img class="my_class_4 freezeframe-responsive" src="http://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/56141f2be4b0a4afc2d17505/56141f47e4b00b973f0ec806/1444159323808/Ecco-Domani-Summer-Cinemagraph-980px.gif?format=1000w" />
<p>Overlay.</p>
<p>with overlay icon.</p>
<img class="my_class_5" src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/55f96e21e4b0f86680e762dc/5615846be4b042d6d89a94ee/1444251161903/?format=1000w" />
<p>cinemagraphs by <a href="http://www.cinemagraphs.com/">cinemagraphs.com</a>
View
@@ -35,7 +35,7 @@ gulp.task('js-concat', ['js-clean'], function () {
return gulp.src([
'./src/js/vendor/zepto.min.js',
'./bower_components/imagesloaded-packaged/imagesloaded.pkgd.js',
'./node_modules/imagesloaded/imagesloaded.pkgd.min.js',
'./src/js/*.js'
])
.pipe(concat('freezeframe.pkgd.js'))
Oops, something went wrong.

0 comments on commit f89c17f

Please sign in to comment.