mirror of https://github.com/metafizzy/isotope
David DeSandro
14 years ago
16 changed files with 394 additions and 426 deletions
@ -1,124 +0,0 @@ |
|||||||
// ========================= jQuery transform extensions ===============================
|
|
||||||
(function($){
|
|
||||||
|
|
||||||
|
|
||||||
$.optoTransform = { |
|
||||||
|
|
||||||
transformProp : getStyleProperty('transform'), |
|
||||||
|
|
||||||
fnUtils : Modernizr.csstransforms3d ?
|
|
||||||
{ // 2d transform functions
|
|
||||||
translate : function ( position ) { |
|
||||||
return 'translate3d(' + position[0] + 'px, ' + position[1] + 'px, 0) '; |
|
||||||
}, |
|
||||||
scale : function ( scale ) { |
|
||||||
return 'scale3d(' + scale + ', ' + scale + ', 1) '; |
|
||||||
} |
|
||||||
} : |
|
||||||
{ // 3d transform functions
|
|
||||||
translate : function ( position ) { |
|
||||||
return 'translate(' + position[0] + 'px, ' + position[1] + 'px) '; |
|
||||||
}, |
|
||||||
scale : function ( scale ) { |
|
||||||
return 'scale(' + scale + ') '; |
|
||||||
} |
|
||||||
} |
|
||||||
, |
|
||||||
|
|
||||||
set : function( elem, name, value ) { |
|
||||||
|
|
||||||
// unpack current transform data
|
|
||||||
var data = $( elem ).data('transform') || {}, |
|
||||||
// extend new value over current data
|
|
||||||
newData = {}, |
|
||||||
fnName, |
|
||||||
transformObj = {}; |
|
||||||
// overwrite new data
|
|
||||||
newData[ name ] = value; |
|
||||||
$.extend( data, newData ); |
|
||||||
|
|
||||||
for ( fnName in data ) { |
|
||||||
var transformValue = data[ fnName ], |
|
||||||
getFn = $.optoTransform.fnUtils[ fnName ]; |
|
||||||
transformObj[ fnName ] = getFn( transformValue ); |
|
||||||
} |
|
||||||
|
|
||||||
// get proper order
|
|
||||||
// ideally, we could loop through this give an array, but since we only have
|
|
||||||
// a couple transforms we're keeping track of, we'll do it like so
|
|
||||||
var translateFn = transformObj.translate || '', |
|
||||||
scaleFn = transformObj.scale || '', |
|
||||||
valueFns = translateFn + scaleFn; |
|
||||||
|
|
||||||
// set data back in elem
|
|
||||||
$( elem ).data( 'transform', data ); |
|
||||||
|
|
||||||
// sorting so scale always comes before
|
|
||||||
value = valueFns; |
|
||||||
|
|
||||||
// set name to vendor specific property
|
|
||||||
elem.style[ $.optoTransform.transformProp ] = valueFns; |
|
||||||
|
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
// ==================== scale ===================
|
|
||||||
|
|
||||||
$.cssNumber.scale = true; |
|
||||||
|
|
||||||
$.cssHooks.scale = { |
|
||||||
set: function( elem, value ) { |
|
||||||
|
|
||||||
if ( typeof value === 'string' ) { |
|
||||||
value = parseFloat( value ); |
|
||||||
} |
|
||||||
|
|
||||||
$.optoTransform.set( elem, 'scale', value ) |
|
||||||
|
|
||||||
}, |
|
||||||
get: function( elem, computed ) { |
|
||||||
var transform = $.data( elem, 'transform' ); |
|
||||||
return transform && transform.scale ? transform.scale : 1; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
$.fx.step.scale = function( fx ) { |
|
||||||
$.cssHooks.scale.set( fx.elem, fx.now+fx.unit ); |
|
||||||
}; |
|
||||||
|
|
||||||
|
|
||||||
// ==================== translate ===================
|
|
||||||
|
|
||||||
$.cssNumber.translate = true; |
|
||||||
|
|
||||||
$.cssHooks.translate = { |
|
||||||
set: function( elem, value ) { |
|
||||||
|
|
||||||
// all this would be for public ease-of-use,
|
|
||||||
// but we're leaving it out since this add-on is
|
|
||||||
// only for internal-plugin use
|
|
||||||
// if ( typeof value === 'string' ) {
|
|
||||||
// value = value.split(' ');
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
//
|
|
||||||
// var i, val;
|
|
||||||
// for ( i = 0; i < 2; i++ ) {
|
|
||||||
// val = value[i];
|
|
||||||
// if ( typeof val === 'string' ) {
|
|
||||||
// val = parseInt( val );
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
$.optoTransform.set( elem, 'translate', value ) |
|
||||||
|
|
||||||
}, |
|
||||||
|
|
||||||
get: function( elem, computed ) { |
|
||||||
var transform = $.data( elem, 'transform' ); |
|
||||||
return transform && transform.translate ? transform.translate : [ 0, 0 ]; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
})( jQuery ); |
|
||||||
@ -1,41 +0,0 @@ |
|||||||
/*! |
|
||||||
* smartresize: debounced resize event for jQuery |
|
||||||
* http://github.com/lrbabe/jquery-smartresize
|
|
||||||
* |
|
||||||
* Copyright (c) 2009 Louis-Remi Babe |
|
||||||
* Licensed under the GPL license. |
|
||||||
* http://docs.jquery.com/License
|
|
||||||
* |
|
||||||
*/ |
|
||||||
(function($){
|
|
||||||
|
|
||||||
var $event = $.event, |
|
||||||
resizeTimeout; |
|
||||||
|
|
||||||
$event.special.smartresize = { |
|
||||||
setup: function() { |
|
||||||
$(this).bind( "resize", $event.special.smartresize.handler ); |
|
||||||
}, |
|
||||||
teardown: function() { |
|
||||||
$(this).unbind( "resize", $event.special.smartresize.handler ); |
|
||||||
}, |
|
||||||
handler: function( event, execAsap ) { |
|
||||||
// Save the context
|
|
||||||
var context = this, |
|
||||||
args = arguments; |
|
||||||
|
|
||||||
// set correct event type
|
|
||||||
event.type = "smartresize"; |
|
||||||
|
|
||||||
if ( resizeTimeout ) { clearTimeout( resizeTimeout ); } |
|
||||||
resizeTimeout = setTimeout(function() { |
|
||||||
jQuery.event.handle.apply( context, args ); |
|
||||||
}, execAsap === "execAsap"? 0 : 100 ); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
$.fn.smartresize = function( fn ) { |
|
||||||
return fn ? this.bind( "smartresize", fn ) : this.trigger( "smartresize", ["execAsap"] ); |
|
||||||
}; |
|
||||||
|
|
||||||
})( jQuery ); |
|
||||||
@ -1,64 +0,0 @@ |
|||||||
/*! |
|
||||||
* jQuery UI Widget 1.8.5 |
|
||||||
* |
|
||||||
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
|
|
||||||
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
||||||
* http://jquery.org/license
|
|
||||||
* |
|
||||||
* http://docs.jquery.com/UI/Widget
|
|
||||||
*/ |
|
||||||
(function( $, undefined ) { |
|
||||||
|
|
||||||
$.widget = $.widget || {}; |
|
||||||
|
|
||||||
$.widget.bridge = $.widget.bridge || function( name, object ) { |
|
||||||
$.fn[ name ] = function( options ) { |
|
||||||
var isMethodCall = typeof options === "string", |
|
||||||
args = Array.prototype.slice.call( arguments, 1 ), |
|
||||||
returnValue = this; |
|
||||||
|
|
||||||
// allow multiple hashes to be passed on init
|
|
||||||
options = !isMethodCall && args.length ? |
|
||||||
$.extend.apply( null, [ true, options ].concat(args) ) : |
|
||||||
options; |
|
||||||
|
|
||||||
// prevent calls to internal methods
|
|
||||||
if ( isMethodCall && options.charAt( 0 ) === "_" ) { |
|
||||||
return returnValue; |
|
||||||
} |
|
||||||
|
|
||||||
if ( isMethodCall ) { |
|
||||||
this.each(function() { |
|
||||||
var instance = $.data( this, name ); |
|
||||||
if ( !instance ) { |
|
||||||
return $.error( "cannot call methods on " + name + " prior to initialization; " + |
|
||||||
"attempted to call method '" + options + "'" ); |
|
||||||
} |
|
||||||
if ( !$.isFunction( instance[options] ) ) { |
|
||||||
return $.error( "no such method '" + options + "' for " + name + " widget instance" ); |
|
||||||
} |
|
||||||
var methodValue = instance[ options ].apply( instance, args ); |
|
||||||
if ( methodValue !== instance && methodValue !== undefined ) { |
|
||||||
returnValue = methodValue; |
|
||||||
return false; |
|
||||||
} |
|
||||||
}); |
|
||||||
} else { |
|
||||||
this.each(function() { |
|
||||||
var instance = $.data( this, name ); |
|
||||||
if ( instance ) { |
|
||||||
instance.option( options || {} )._init(); |
|
||||||
} else { |
|
||||||
$.data( this, name, new object( options, this ) ); |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
return returnValue; |
|
||||||
}; |
|
||||||
}; |
|
||||||
|
|
||||||
|
|
||||||
$.widget.bridge( 'isotope', $.Isotope ); |
|
||||||
|
|
||||||
})( jQuery ); |
|
||||||
@ -1,140 +0,0 @@ |
|||||||
// ========================= getStyleProperty by kangax ===============================
|
|
||||||
|
|
||||||
var getStyleProperty = (function(){ |
|
||||||
|
|
||||||
var prefixes = ['Moz', 'Webkit', 'Khtml', 'O', 'Ms']; |
|
||||||
var _cache = { }; |
|
||||||
|
|
||||||
function getStyleProperty(propName, element) { |
|
||||||
element = element || document.documentElement; |
|
||||||
var style = element.style, |
|
||||||
prefixed, |
|
||||||
uPropName; |
|
||||||
|
|
||||||
// check cache only when no element is given
|
|
||||||
if (arguments.length == 1 && typeof _cache[propName] == 'string') { |
|
||||||
return _cache[propName]; |
|
||||||
} |
|
||||||
// test standard property first
|
|
||||||
if (typeof style[propName] == 'string') { |
|
||||||
return (_cache[propName] = propName); |
|
||||||
} |
|
||||||
|
|
||||||
// console.log('getting prop', propName)
|
|
||||||
|
|
||||||
// capitalize
|
|
||||||
uPropName = propName.charAt(0).toUpperCase() + propName.slice(1); |
|
||||||
|
|
||||||
// test vendor specific properties
|
|
||||||
for (var i=0, l=prefixes.length; i<l; i++) { |
|
||||||
prefixed = prefixes[i] + uPropName; |
|
||||||
if (typeof style[prefixed] == 'string') { |
|
||||||
return (_cache[propName] = prefixed); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
return getStyleProperty; |
|
||||||
})(); |
|
||||||
|
|
||||||
// ========================= miniModernizr ===============================
|
|
||||||
// <3<3<3 and thanks to Faruk and Paul for doing the heavy lifting
|
|
||||||
|
|
||||||
/*! |
|
||||||
* Modernizr v1.6ish: miniModernizr for Isotope |
|
||||||
* http://www.modernizr.com
|
|
||||||
* |
|
||||||
* Developed by:
|
|
||||||
* - Faruk Ates http://farukat.es/
|
|
||||||
* - Paul Irish http://paulirish.com/
|
|
||||||
* |
|
||||||
* Copyright (c) 2009-2010 |
|
||||||
* Dual-licensed under the BSD or MIT licenses. |
|
||||||
* http://www.modernizr.com/license/
|
|
||||||
*/ |
|
||||||
|
|
||||||
|
|
||||||
/* |
|
||||||
* Modernizr is a script that detects native CSS3 and HTML5 features |
|
||||||
* available in the current UA and provides an object containing all |
|
||||||
* features with a true/false value, depending on whether the UA has |
|
||||||
* native support for it or not. |
|
||||||
*
|
|
||||||
* Modernizr will also add classes to the <html> element of the page, |
|
||||||
* one for each feature it detects. If the UA supports it, a class |
|
||||||
* like "cssgradients" will be added. If not, the class name will be |
|
||||||
* "no-cssgradients". This allows for simple if-conditionals in your |
|
||||||
* CSS, giving you fine control over the look & feel of your website. |
|
||||||
*
|
|
||||||
* This version whittles down the script just to check support for |
|
||||||
* CSS transitions, transforms, and 3D transforms. |
|
||||||
*
|
|
||||||
* @author Faruk Ates |
|
||||||
* @author Paul Irish |
|
||||||
* @copyright (c) 2009-2010 Faruk Ates. |
|
||||||
* @contributor Ben Alman |
|
||||||
*/ |
|
||||||
|
|
||||||
window.Modernizr = window.Modernizr || (function(window,doc,undefined){ |
|
||||||
|
|
||||||
var version = '1.6ish: miniModernizr for Isotope', |
|
||||||
miniModernizr = {}, |
|
||||||
vendorCSSPrefixes = ' -o- -moz- -ms- -webkit- -khtml- '.split(' '), |
|
||||||
classes = [], |
|
||||||
docElement = document.documentElement, |
|
||||||
|
|
||||||
tests = [ |
|
||||||
{ |
|
||||||
name : 'csstransforms', |
|
||||||
result : function() { |
|
||||||
return !!getStyleProperty('transform'); |
|
||||||
} |
|
||||||
}, |
|
||||||
{ |
|
||||||
name : 'csstransforms3d', |
|
||||||
result : function() { |
|
||||||
var test = !!getStyleProperty('perspective'); |
|
||||||
// double check for Chrome's false positive
|
|
||||||
if ( test ){ |
|
||||||
var st = document.createElement('style'), |
|
||||||
div = document.createElement('div'), |
|
||||||
mq = '@media (' + vendorCSSPrefixes.join('transform-3d),(') + 'modernizr)'; |
|
||||||
|
|
||||||
st.textContent = mq + '{#modernizr{height:3px}}'; |
|
||||||
(doc.head || doc.getElementsByTagName('head')[0]).appendChild(st); |
|
||||||
div.id = 'modernizr'; |
|
||||||
docElement.appendChild(div); |
|
||||||
|
|
||||||
test = div.offsetHeight === 3; |
|
||||||
|
|
||||||
st.parentNode.removeChild(st); |
|
||||||
div.parentNode.removeChild(div); |
|
||||||
} |
|
||||||
return !!test; |
|
||||||
} |
|
||||||
}, |
|
||||||
{ |
|
||||||
name : 'csstransitions', |
|
||||||
result : function() { |
|
||||||
return !!getStyleProperty('transitionProperty'); |
|
||||||
} |
|
||||||
} |
|
||||||
] |
|
||||||
; |
|
||||||
|
|
||||||
|
|
||||||
// Run through all tests and detect their support in the current UA.
|
|
||||||
for ( var i = 0, len = tests.length; i < len; i++ ) { |
|
||||||
var test = tests[i], |
|
||||||
result = test.result(); |
|
||||||
miniModernizr[ test.name ] = result; |
|
||||||
var className = ( result ? '' : 'no-' ) + test.name; |
|
||||||
classes.push( className ); |
|
||||||
} |
|
||||||
|
|
||||||
// Add the new classes to the <html> element.
|
|
||||||
docElement.className += ' ' + classes.join( ' ' ); |
|
||||||
|
|
||||||
return miniModernizr; |
|
||||||
|
|
||||||
})(this,this.document); |
|
||||||
Loading…
Reference in new issue