diff --git a/_posts/demos/2010-12-31-relayout.html b/_posts/demos/2010-12-31-relayout.html index 82f6e8c..cc766a1 100644 --- a/_posts/demos/2010-12-31-relayout.html +++ b/_posts/demos/2010-12-31-relayout.html @@ -57,9 +57,7 @@ related: methods // change size of clicked element $container.find('.element').live('click', function(){ $(this).toggleClass('large'); - // console.time('relayout'); $container.isotope('reLayout'); - // console.timeEnd('relayout'); }); diff --git a/_posts/demos/2011-01-11-images.html b/_posts/demos/2011-01-11-images.html index 95b35fb..bad173f 100644 --- a/_posts/demos/2011-01-11-images.html +++ b/_posts/demos/2011-01-11-images.html @@ -16,7 +16,7 @@ photos: ---
- +

Isotope is triggered after all images are loaded with the imagesLoaded plugin.

diff --git a/_posts/docs/2010-12-01-introduction.mdown b/_posts/docs/2010-12-01-introduction.mdown index ff25fe3..2f8b490 100644 --- a/_posts/docs/2010-12-01-introduction.mdown +++ b/_posts/docs/2010-12-01-introduction.mdown @@ -83,7 +83,7 @@ Isotope enables a wealth of functionality. But just because you can take advanta + [**Jacek Galanciak**](http://razorjack.net/) for [jQuery Quicksand](http://razorjack.net/quicksand/), an early kernel of inspiration + [**Ralph Holzmann**](http://twitter.com/#!/ralphholzmann) for re-writing the [jQuery Plugins/Authoring tutorial](http://docs.jquery.com/Plugins/Authoring) and opened my eyes to [Plugin Methods](http://docs.jquery.com/Plugins/Authoring#Plugin_Methods) pattern + [**Eric Hynds**](http://www.erichynds.com/) for his article [Using $.widget.bridge Outside of the Widget Factory](http://www.erichynds.com/jquery/using-jquery-ui-widget-factory-bridge/) which provided the architecture for Isotope -+ [**Paul Irish**](http://paul-irish.com) for [Infinite Scroll](http://infinite-scroll.com) (included with docs), the [imagesLoaded plugin](https://gist.github.com/268257) (included with Isotope), [Debounced resize() plugin](http://paulirish.com/demo/resize) (provided base for smartresize), and of course [Modernizr](http://www.modernizr.com/) ++ [**Paul Irish**](http://paul-irish.com) for [Infinite Scroll](http://infinite-scroll.com) (included with docs), the [imagesLoaded plugin](http://gist.github.com/268257) (included with Isotope), [Debounced resize() plugin](http://paulirish.com/demo/resize) (provided base for smartresize), and of course [Modernizr](http://www.modernizr.com/) + The [**jQuery UI Team**](http://jqueryui.com/about) for [$.widget.bridge](https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.widget.js#L62-107) (used within Isotope) + [**Juriy Zaytsev aka "kangax"**](http://perfectionkills.com) for [getStyleProperty](http://perfectionkills.com/feature-testing-css-properties/) (used within Isotope) diff --git a/_posts/docs/2010-12-09-animating.mdown b/_posts/docs/2010-12-09-animating.mdown index 78c7ae0..9960c01 100644 --- a/_posts/docs/2010-12-09-animating.mdown +++ b/_posts/docs/2010-12-09-animating.mdown @@ -30,6 +30,7 @@ To enable animation with CSS transitions, you'll need the following code in your .isotope, .isotope .isotope-item { + /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; diff --git a/js/fake-element.js b/js/fake-element.js index 1f8c62b..b6e556c 100644 --- a/js/fake-element.js +++ b/js/fake-element.js @@ -21,6 +21,9 @@ fakeElement.create = function() { name = letter1 + fakeElement.getRandom('vowels') + letter2 + fakeElement.getRandom('vowels') + fakeElement.getRandom('constanants') + fakeElement.getRandom('suffices'); number = ~~( 21 + Math.random() * 100 ); weight = ~~( number * 2 + Math.random() * 15 ); - - return '

' + number + '

' + symbol + '

' + name + '

' + weight + '

'; + + return '

' + number + + '

' + symbol + '

' + name + + '

' + weight + '

'; }; \ No newline at end of file diff --git a/js/img-ready.js b/js/img-ready.js deleted file mode 100644 index 99045ac..0000000 --- a/js/img-ready.js +++ /dev/null @@ -1,9 +0,0 @@ -// get under element's DOM tree - - // for each image add event listener - - // keep track of how many images have loaded - - // account for images already loaded? - - // once images have all loaded, trigger event