@ -1,5 +1,5 @@
/ * * / * *
* Isotope v1 . 2.110520 * Isotope v1 . 3.110524
* An exquisite jQuery plugin for magical layouts * An exquisite jQuery plugin for magical layouts
* http : //isotope.metafizzy.co
* http : //isotope.metafizzy.co
* *
@ -387,10 +387,8 @@
this . reloadItems ( ) ; this . reloadItems ( ) ;
// get top left position of where the bricks should be
// get top left position of where the bricks should be
var $cursor = $ ( document . createElement ( 'div' ) ) ; var $cursor = $ ( document . createElement ( 'div' ) ) . prependTo ( this . element ) ;
this . element . prepend ( $cursor ) ; this . offset = $cursor . position ( ) ;
this . posTop = Math . round ( $cursor . position ( ) . top ) ;
this . posLeft = Math . round ( $cursor . position ( ) . left ) ;
$cursor . remove ( ) ; $cursor . remove ( ) ;
// add isotope class first time around
// add isotope class first time around
@ -402,7 +400,7 @@
// bind resize method
// bind resize method
if ( this . options . resizable ) { if ( this . options . resizable ) {
$ ( window ) . bind ( 'smartresize.isotope' , function ( ) {
$ ( window ) . bind ( 'smartresize.isotope' , function ( ) {
instance . element . isotope ( 'resize' ) ; instance . resize ( ) ;
} ) ; } ) ;
} }
@ -441,11 +439,7 @@
} , } ,
option : function ( key , value ) { option : function ( key , value ) {
// change options AFTER initialization:
// get/change options AFTER initialization:
// you don't have to support all these cases,
// but here's how:
// signature: $('#foo').bar({ cool:false });
// signature: $('#foo').bar({ cool:false });
if ( $ . isPlainObject ( key ) ) { if ( $ . isPlainObject ( key ) ) {
this . options = $ . extend ( true , this . options , key ) ; this . options = $ . extend ( true , this . options , key ) ;
@ -453,18 +447,7 @@
for ( optionName in key ) { for ( optionName in key ) {
this . _updateOption ( optionName ) ; this . _updateOption ( optionName ) ;
} }
// signature: $('#foo').option('cool'); - getter
} else if ( key && typeof value === "undefined" ) {
return this . options [ key ] ;
// signature: $('#foo').bar('option', 'baz', false);
} else {
this . options [ key ] = value ;
this . _updateOption ( key ) ;
} }
return this ; // make sure to return the instance!
} , } ,
// ====================== updaters ====================== //
// ====================== updaters ====================== //
@ -578,16 +561,13 @@
} ; } ;
this . $filteredAtoms . sort ( sortFn ) ; this . $filteredAtoms . sort ( sortFn ) ;
return this ;
} , } ,
_getSorter : function ( elem , sortBy ) { _getSorter : function ( elem , sortBy ) {
return $ ( elem ) . data ( 'isotope-sort-data' ) [ sortBy ] ; return $ ( elem ) . data ( 'isotope-sort-data' ) [ sortBy ] ;
} , } ,
// ====================== Layout ======================
// ====================== Layout Helpers ======================
_translate : function ( x , y ) { _translate : function ( x , y ) {
return { translate : [ x , y ] } ; return { translate : [ x , y ] } ;
@ -598,6 +578,8 @@
} , } ,
_pushPosition : function ( $elem , x , y ) { _pushPosition : function ( $elem , x , y ) {
x += this . offset . left ;
y += this . offset . top ;
var position = this . getPositionStyles ( x , y ) ; var position = this . getPositionStyles ( x , y ) ;
this . styleQueue . push ( { $el : $elem , style : position } ) ; this . styleQueue . push ( { $el : $elem , style : position } ) ;
if ( this . options . itemPositionDataEnabled ) { if ( this . options . itemPositionDataEnabled ) {
@ -644,20 +626,20 @@
} }
this . isLaidOut = true ; this . isLaidOut = true ;
return this ;
} , } ,
resize : function ( ) { resize : function ( ) {
return this [ '_' + this . options . layoutMode + 'Resize' ] ( ) ; if ( this [ '_' + this . options . layoutMode + 'ResizeChanged' ] ( ) ) {
this . reLayout ( ) ;
}
} , } ,
reLayout : function ( callback ) { reLayout : function ( callback ) {
return this [ '_' + this . options . layoutMode + 'Reset' ] ( ) this [ '_' + this . options . layoutMode + 'Reset' ] ( ) ;
. layout ( this . $filteredAtoms , callback ) ; this . layout ( this . $filteredAtoms , callback ) ;
} , } ,
@ -685,7 +667,8 @@
instance . $filteredAtoms = instance . $filteredAtoms . add ( $filteredAtoms ) ; instance . $filteredAtoms = instance . $filteredAtoms . add ( $filteredAtoms ) ;
} ) ; } ) ;
this . _sort ( ) . reLayout ( callback ) ; this . _sort ( ) ;
this . reLayout ( callback ) ;
} , } ,
@ -734,7 +717,7 @@
this . $allAtoms = this . _shuffleArray ( this . $allAtoms ) ; this . $allAtoms = this . _shuffleArray ( this . $allAtoms ) ;
this . $filteredAtoms = this . _filter ( this . $allAtoms ) ; this . $filteredAtoms = this . _filter ( this . $allAtoms ) ;
return this . reLayout ( callback ) ; this . reLayout ( callback ) ;
} , } ,
// destroys widget, returns elements and container back (close) to original style
// destroys widget, returns elements and container back (close) to original style
@ -770,11 +753,15 @@
} , } ,
// ====================== LAYOUTS ======================
// calculates number of rows or columns
// calculates number of rows or columns
// requires columnWidth or rowHeight to be set on namespaced object
// requires columnWidth or rowHeight to be set on namespaced object
// i.e. this.masonry.columnWidth = 200
// i.e. this.masonry.columnWidth = 200
_getSegments : function ( namespace , isRows ) { _getSegments : function ( isRows ) {
var measure = isRows ? 'rowHeight' : 'columnWidth' , var namespace = this . options . layoutMode ,
measure = isRows ? 'rowHeight' : 'columnWidth' ,
size = isRows ? 'height' : 'width' , size = isRows ? 'height' : 'width' ,
UCSize = isRows ? 'Height' : 'Width' , UCSize = isRows ? 'Height' : 'Width' ,
segmentsName = isRows ? 'rows' : 'cols' , segmentsName = isRows ? 'rows' : 'cols' ,
@ -798,44 +785,32 @@
// i.e. this.masonry.columnWidth = ...
// i.e. this.masonry.columnWidth = ...
this [ namespace ] [ measure ] = segmentSize ; this [ namespace ] [ measure ] = segmentSize ;
return this ;
} , } ,
// ====================== LAYOUTS ======================
_checkIfSegmentsChanged : function ( isRows ) {
var namespace = this . options . layoutMode ,
segmentsName = isRows ? 'rows' : 'cols' ,
prevSegments = this [ namespace ] [ segmentsName ] ;
// update cols/rows
this . _getSegments ( isRows ) ;
// return if updated cols/rows is not equal to previous
return ( this [ namespace ] [ segmentsName ] !== prevSegments ) ;
} ,
// ====================== Masonry ======================
// ====================== Masonry ======================
_masonryPlaceBrick : function ( $brick , setCount , setY ) { _masonryReset : function ( ) {
// here, `this` refers to a child element or "brick"
// layout-specific props
// get the minimum Y value from the columns
this . masonry = { } ;
var minimumY = Math . min . apply ( Math , setY ) , // FIXME shouldn't have to call this again
setHeight = minimumY + $brick . outerHeight ( true ) , this . _getSegments ( ) ;
i = setY . length , var i = this . masonry . cols ;
shortCol = i , this . masonry . colYs = [ ] ;
setSpan = this . masonry . cols + 1 - i ,
x , y ;
// Which column has the minY value, closest to the left
while ( i -- ) { while ( i -- ) {
if ( setY [ i ] === minimumY ) { this . masonry . colYs . push ( 0 ) ;
shortCol = i ;
}
}
// position the brick
x = this . masonry . columnWidth * shortCol + this . posLeft ;
y = minimumY ;
this . _pushPosition ( $brick , x , y ) ;
// apply setHeight to necessary columns
for ( i = 0 ; i < setSpan ; i ++ ) {
this . masonry . colYs [ shortCol + i ] = setHeight ;
} }
} , } ,
_masonryLayout : function ( $elems ) { _masonryLayout : function ( $elems ) {
var instance = this ; var instance = this ;
$elems . each ( function ( ) { $elems . each ( function ( ) {
@ -846,7 +821,7 @@
if ( colSpan === 1 ) { if ( colSpan === 1 ) {
// if brick spans only one column, just like singleMode
// if brick spans only one column, just like singleMode
instance . _masonryPlaceBrick ( $this , instance . masonry . cols , instance . masonry . col Ys ) ; instance . _masonryPlaceBrick ( $this , instance . masonry . colYs ) ;
} else { } else {
// brick spans more than one column
// brick spans more than one column
// how many different places could this brick fit horizontally
// how many different places could this brick fit horizontally
@ -863,45 +838,58 @@
groupY [ i ] = Math . max . apply ( Math , groupColY ) ; groupY [ i ] = Math . max . apply ( Math , groupColY ) ;
} }
instance . _masonryPlaceBrick ( $this , groupCount , group Y ) ; instance . _masonryPlaceBrick ( $this , groupY ) ;
} }
} ) ; } ) ;
return this ;
} , } ,
// reset
// worker method that places brick in the columnSet
_masonryReset : function ( ) { // with the the minY
// layout-specific props
_masonryPlaceBrick : function ( $brick , setY ) {
this . masonry = { } ; // get the minimum Y value from the columns
// FIXME shouldn't have to call this again
var minimumY = Math . min . apply ( Math , setY ) ,
this . _getSegments ( 'masonry' ) ; setHeight = minimumY + $brick . outerHeight ( true ) ,
var i = this . masonry . cols ; i = setY . length ,
this . masonry . colYs = [ ] ; shortCol = i ,
setSpan = this . masonry . cols + 1 - i ,
x , y ;
// Which column has the minY value, closest to the left
while ( i -- ) { while ( i -- ) {
this . masonry . colYs . push ( this . posTop ) ; if ( setY [ i ] === minimumY ) {
shortCol = i ;
}
} }
return this ;
} ,
_masonryResize : function ( ) { // position the brick
var prevColCount = this . masonry . cols ; x = this . masonry . columnWidth * shortCol ;
// get updated colCount
y = minimumY ;
this . _getSegments ( 'masonry' ) ; this . _pushPosition ( $brick , x , y ) ;
if ( this . masonry . cols !== prevColCount ) {
// if column count has changed, do a new column cound
// apply setHeight to necessary columns
this . reLayout ( ) ; for ( i = 0 ; i < setSpan ; i ++ ) {
this . masonry . colYs [ shortCol + i ] = setHeight ;
} }
return this ;
} , } ,
_masonryGetContainerSize : function ( ) { _masonryGetContainerSize : function ( ) {
var containerHeight = Math . max . apply ( Math , this . masonry . colYs ) - this . posTop ; var containerHeight = Math . max . apply ( Math , this . masonry . colYs ) ;
return { height : containerHeight } ; return { height : containerHeight } ;
} , } ,
_masonryResizeChanged : function ( ) {
return this . _checkIfSegmentsChanged ( ) ;
} ,
// ====================== fitRows ======================
// ====================== fitRows ======================
_fitRowsReset : function ( ) {
this . fitRows = {
x : 0 ,
y : 0 ,
height : 0
} ;
} ,
_fitRowsLayout : function ( $elems ) { _fitRowsLayout : function ( $elems ) {
this . width = this . element . width ( ) ; this . width = this . element . width ( ) ;
@ -920,133 +908,100 @@
}
}
// position the atom
// position the atom
x = instance . fitRows . x + instance . posLeft ; x = instance . fitRows . x ;
y = instance . fitRows . y + instance . posTop ; y = instance . fitRows . y ;
instance . _pushPosition ( $this , x , y ) ; instance . _pushPosition ( $this , x , y ) ;
instance . fitRows . height = Math . max ( instance . fitRows . y + atomH , instance . fitRows . height ) ; instance . fitRows . height = Math . max ( instance . fitRows . y + atomH , instance . fitRows . height ) ;
instance . fitRows . x += atomW ; instance . fitRows . x += atomW ;
} ) ; } ) ;
return this ;
} ,
_fitRowsReset : function ( ) {
this . fitRows = {
x : 0 ,
y : 0 ,
height : 0
} ;
return this ;
} , } ,
_fitRowsGetContainerSize : function ( ) { _fitRowsGetContainerSize : function ( ) {
return { height : this . fitRows . height } ; return { height : this . fitRows . height } ;
} , } ,
_fitRowsResize : function ( ) { _fitRowsResizeChanged : function ( ) {
return this . reLayout ( ) ; return true ;
} , } ,
// ====================== cellsByRow ======================
// ====================== cellsByRow ======================
_cellsByRowReset : function ( ) { _cellsByRowReset : function ( ) {
this . cellsByRow = { } ; this . cellsByRow = {
this . _getSegments ( 'cellsByRow' ) ; index : 0
this . cellsByRow . rowHeight = this . options . cellsByRow . rowHeight || this . $allAtoms . outerHeight ( true ) ; } ;
return this ; // get this.cellsByRow.columnWidth
this . _getSegments ( ) ;
// get this.cellsByRow.rowHeight
this . _getSegments ( true ) ;
} , } ,
_cellsByRowLayout : function ( $elems ) { _cellsByRowLayout : function ( $elems ) {
var instance = this , var instance = this ,
cols = this . cellsByRow . cols ; props = this . cellsByRow ;
this . cellsByRow . atomsLen = $elems . length ; $elems . each ( function ( ) {
$elems . each ( function ( i ) {
var $this = $ ( this ) , var $this = $ ( this ) ,
x = ( i % cols + 0.5 ) * instance . cellsByRow . columnWidth - col = props . index % props . cols ,
$this . outerWidth ( true ) / 2 + instance . posLeft , row = ~ ~ ( props . index / props . cols ) ,
y = ( ~ ~ ( i / cols ) + 0.5 ) * instance . cellsByRow . rowHeight - x = ( col + 0.5 ) * props . columnWidth -
$this . outerHeight ( true ) / 2 + instance . posTop ; $this . outerWidth ( true ) / 2 ,
y = ( row + 0.5 ) * props . rowHeight -
$this . outerHeight ( true ) / 2 ;
instance . _pushPosition ( $this , x , y ) ; instance . _pushPosition ( $this , x , y ) ;
props . index ++ ;
} ) ; } ) ;
return this ;
} , } ,
_cellsByRowGetContainerSize : function ( ) { _cellsByRowGetContainerSize : function ( ) {
return { height : Math . ceil ( this . cellsByRow . atomsLen / this . cellsByRow . cols ) * this . cellsByRow . rowHeight + this . posT op} ; return { height : Math . ceil ( this . $filteredAtoms . length / this . cellsByRow . cols ) * this . cellsByRow . rowHeight + this . offset . t op} ;
} , } ,
_cellsByRowResize : function ( ) { _cellsByRowResizeChanged : function ( ) {
var prevCols = this . cellsByRow . cols ; return this . _checkIfSegmentsChanged ( ) ;
this . _getSegments ( 'cellsByRow' ) ;
// if column count has changed, do a new column cound
if ( this . cellsByRow . cols !== prevCols ) {
this . reLayout ( ) ;
}
return this ;
} , } ,
// ====================== straightDown ======================
// ====================== straightDown ======================
_straightDownReset : function ( ) { _straightDownReset : function ( ) {
this . straightDown = { this . straightDown = {
y : 0 y : 0
} ; } ;
return this ;
} , } ,
_straightDownLayout : function ( $elems ) { _straightDownLayout : function ( $elems ) {
var instance = this ; var instance = this ;
$elems . each ( function ( i ) { $elems . each ( function ( i ) {
var $this = $ ( this ) , var $this = $ ( this ) ;
y = instance . straightDown . y + instance . posTop ; instance . _pushPosition ( $this , 0 , instance . straightDown . y ) ;
instance . _pushPosition ( $this , instance . posLeft , y ) ;
instance . straightDown . y += $this . outerHeight ( true ) ; instance . straightDown . y += $this . outerHeight ( true ) ;
} ) ; } ) ;
return this ;
} , } ,
_straightDownGetContainerSize : function ( ) { _straightDownGetContainerSize : function ( ) {
return { height : this . straightDown . y + this . posTop } ; return { height : this . straightDown . y } ;
} , } ,
_straightDownResize : function ( ) { _straightDownResizeChanged : function ( ) {
this . reLayout ( ) ; return true ;
return this ;
} , } ,
// ====================== masonryHorizontal ======================
// ====================== masonryHorizontal ======================
_masonryHorizontalPlaceBrick : function ( $brick , setCount , setX ) { _masonryHorizontalReset : function ( ) {
// here, `this` refers to a child element or "brick"
// layout-specific props
// get the minimum Y value from the columns
this . masonryHorizontal = { } ;
var minimumX = Math . min . apply ( Math , setX ) , // FIXME shouldn't have to call this again
setWidth = minimumX + $brick . outerWidth ( true ) , this . _getSegments ( true ) ;
i = setX . length , var i = this . masonryHorizontal . rows ;
smallRow = i , this . masonryHorizontal . rowXs = [ ] ;
setSpan = this . masonryHorizontal . rows + 1 - i ,
x , y ;
// Which column has the minY value, closest to the left
while ( i -- ) { while ( i -- ) {
if ( setX [ i ] === minimumX ) { this . masonryHorizontal . rowXs . push ( 0 ) ;
smallRow = i ;
}
}
// position the brick
x = minimumX ;
y = this . masonryHorizontal . rowHeight * smallRow + this . posTop ;
this . _pushPosition ( $brick , x , y ) ;
// apply setHeight to necessary columns
for ( i = 0 ; i < setSpan ; i ++ ) {
this . masonryHorizontal . rowXs [ smallRow + i ] = setWidth ;
} }
} , } ,
_masonryHorizontalLayout : function ( $elems ) { _masonryHorizontalLayout : function ( $elems ) {
@ -1059,7 +1014,7 @@
if ( rowSpan === 1 ) { if ( rowSpan === 1 ) {
// if brick spans only one column, just like singleMode
// if brick spans only one column, just like singleMode
instance . _masonryHorizontalPlaceBrick ( $this , instance . masonryHorizontal . rows , instance . masonryHorizontal . row Xs ) ; instance . _masonryHorizontalPlaceBrick ( $this , instance . masonryHorizontal . rowXs ) ;
} else { } else {
// brick spans more than one row
// brick spans more than one row
// how many different places could this brick fit horizontally
// how many different places could this brick fit horizontally
@ -1075,44 +1030,50 @@
groupX [ i ] = Math . max . apply ( Math , groupRowX ) ; groupX [ i ] = Math . max . apply ( Math , groupRowX ) ;
} }
instance . _masonryHorizontalPlaceBrick ( $this , groupCount , group X ) ; instance . _masonryHorizontalPlaceBrick ( $this , groupX ) ;
} }
} ) ; } ) ;
return this ;
} , } ,
_masonryHorizontalReset : function ( ) { _masonryHorizontalPlaceBrick : function ( $brick , setX ) {
// layout-specific props
// here, `this` refers to a child element or "brick"
this . masonryHorizontal = { } ; // get the minimum Y value from the columns
// FIXME shouldn't have to call this again
var minimumX = Math . min . apply ( Math , setX ) ,
this . _getSegments ( 'masonryHorizontal' , true ) ; setWidth = minimumX + $brick . outerWidth ( true ) ,
var i = this . masonryHorizontal . rows ; i = setX . length ,
this . masonryHorizontal . rowXs = [ ] ; smallRow = i ,
setSpan = this . masonryHorizontal . rows + 1 - i ,
x , y ;
// Which column has the minY value, closest to the left
while ( i -- ) { while ( i -- ) {
this . masonryHorizontal . rowXs . push ( this . posLeft ) ; if ( setX [ i ] === minimumX ) {
smallRow = i ;
}
} }
return this ;
} ,
_masonryHorizontalResize : function ( ) { // position the brick
var prevRows = this . masonryHorizontal . rows ; x = minimumX ;
// get updated colCount
y = this . masonryHorizontal . rowHeight * smallRow ;
this . _getSegments ( 'masonryHorizontal' , true ) ; this . _pushPosition ( $brick , x , y ) ;
if ( this . masonryHorizontal . rows !== prevRows ) {
// if column count has changed, do a new column cound
// apply setHeight to necessary columns
this . reLayout ( ) ; for ( i = 0 ; i < setSpan ; i ++ ) {
this . masonryHorizontal . rowXs [ smallRow + i ] = setWidth ;
} }
return this ;
} , } ,
_masonryHorizontalGetContainerSize : function ( ) { _masonryHorizontalGetContainerSize : function ( ) {
var containerWidth = Math . max . apply ( Math , this . masonryHorizontal . rowXs ) - this . posLeft ; var containerWidth = Math . max . apply ( Math , this . masonryHorizontal . rowXs ) ;
return { width : containerWidth } ; return { width : containerWidth } ;
} , } ,
_masonryHorizontalResizeChanged : function ( ) {
return this . _checkIfSegmentsChanged ( true ) ;
} ,
// ====================== fitColumns ======================
// ====================== fitColumns ======================
_fitColumnsReset : function ( ) { _fitColumnsReset : function ( ) {
this . fitColumns = { this . fitColumns = {
@ -1120,7 +1081,6 @@
y : 0 , y : 0 ,
width : 0 width : 0
} ; } ;
return this ;
} , } ,
_fitColumnsLayout : function ( $elems ) { _fitColumnsLayout : function ( $elems ) {
@ -1139,94 +1099,84 @@
}
}
// position the atom
// position the atom
x = instance . fitColumns . x + instance . posLeft ; x = instance . fitColumns . x ;
y = instance . fitColumns . y + instance . posTop ; y = instance . fitColumns . y ;
instance . _pushPosition ( $this , x , y ) ; instance . _pushPosition ( $this , x , y ) ;
instance . fitColumns . width = Math . max ( instance . fitColumns . x + atomW , instance . fitColumns . width ) ; instance . fitColumns . width = Math . max ( instance . fitColumns . x + atomW , instance . fitColumns . width ) ;
instance . fitColumns . y += atomH ; instance . fitColumns . y += atomH ;
} ) ; } ) ;
return this ;
} , } ,
_fitColumnsGetContainerSize : function ( ) { _fitColumnsGetContainerSize : function ( ) {
return { width : this . fitColumns . width } ; return { width : this . fitColumns . width } ;
} , } ,
_fitColumnsResize : function ( ) { _fitColumnsResizeChanged : function ( ) {
return this . reLayout ( ) ; return true ;
} , } ,
// ====================== cellsByColumn ======================
// ====================== cellsByColumn ======================
_cellsByColumnReset : function ( ) { _cellsByColumnReset : function ( ) {
this . cellsByColumn = { } ; this . cellsByColumn = {
this . _getSegments ( 'cellsByColumn' , true ) ; index : 0
this . cellsByColumn . columnWidth = this . options . cellsByColumn . columnWidth || this . $allAtoms . outerHeight ( true ) ; } ;
return this ; // get this.cellsByColumn.columnWidth
this . _getSegments ( ) ;
// get this.cellsByColumn.rowHeight
this . _getSegments ( true ) ;
} , } ,
_cellsByColumnLayout : function ( $elems ) { _cellsByColumnLayout : function ( $elems ) {
var instance = this , var instance = this ,
rows = this . cellsByColumn . rows ; props = this . cellsByColumn ;
this . cellsByColumn . atomsLen = $elems . length ; $elems . each ( function ( ) {
$elems . each ( function ( i ) {
var $this = $ ( this ) , var $this = $ ( this ) ,
x = ( ~ ~ ( i / rows ) + 0.5 ) * instance . cellsByColumn . columnWidth - col = ~ ~ ( props . index / props . rows ) ,
$this . outerWidth ( true ) / 2 + instance . posLeft , row = props . index % props . rows ,
y = ( i % rows + 0.5 ) * instance . cellsByColumn . rowHeight - x = ( col + 0.5 ) * props . columnWidth - $this . outerWidth ( true ) / 2 ,
$this . outerHeight ( true ) / 2 + instance . posTop ; y = ( row + 0.5 ) * props . rowHeight - $this . outerHeight ( true ) / 2 ;
instance . _pushPosition ( $this , x , y ) ; instance . _pushPosition ( $this , x , y ) ;
props . index ++ ;
} ) ; } ) ;
return this ;
} , } ,
_cellsByColumnGetContainerSize : function ( ) { _cellsByColumnGetContainerSize : function ( ) {
return { width : Math . ceil ( this . cellsByColumn . atomsLen / this . cellsByColumn . rows ) * this . cellsByColumn . columnWidth + this . posLeft } ; return { width : Math . ceil ( this . $filteredAtoms . length / this . cellsByColumn . rows ) * this . cellsByColumn . columnWidth } ;
} , } ,
_cellsByColumnResize : function ( ) { _cellsByColumnResizeChanged : function ( ) {
var prevRows = this . cellsByColumn . rows ; return this . _checkIfSegmentsChanged ( true ) ;
this . _getSegments ( 'cellsByColumn' , true ) ;
// if column count has changed, do a new column cound
if ( this . cellsByColumn . rows !== prevRows ) {
this . reLayout ( ) ;
}
return this ;
} , } ,
// ====================== straightAcross ======================
// ====================== straightAcross ======================
_straightAcrossReset : function ( ) { _straightAcrossReset : function ( ) {
this . straightAcross = { this . straightAcross = {
x : 0 x : 0
} ; } ;
return this ; } ,
} ,
_straightAcrossLayout : function ( $elems ) { _straightAcrossLayout : function ( $elems ) {
var instance = this ; var instance = this ;
$elems . each ( function ( i ) { $elems . each ( function ( i ) {
var $this = $ ( this ) , var $this = $ ( this ) ;
x = instance . straightAcross . x + instance . posLeft ; instance . _pushPosition ( $this , instance . straightAcross . x , 0 ) ;
instance . _pushPosition ( $this , x , instance . posTop ) ; instance . straightAcross . x += $this . outerWidth ( true ) ;
instance . straightAcross . x += $this . outerWidth ( true ) ; } ) ;
} ) ; } ,
return this ;
} ,
_straightAcrossGetContainerSize : function ( ) { _straightAcrossGetContainerSize : function ( ) {
return { width : this . straightAcross . x + this . posLeft } ; return { width : this . straightAcross . x } ;
} , } ,
_straightAcrossResize : function ( ) { _straightAcrossResizeChanged : function ( ) {
this . reLayout ( ) ; return true ;
return this ; }
}
} ; } ;
@ -1278,7 +1228,7 @@
// call method
// call method
var args = Array . prototype . slice . call ( arguments , 1 ) ; var args = Array . prototype . slice . call ( arguments , 1 ) ;
return this . each ( function ( ) { this . each ( function ( ) {
var instance = $ . data ( this , 'isotope' ) ; var instance = $ . data ( this , 'isotope' ) ;
if ( ! instance ) { if ( ! instance ) {
return $ . error ( "cannot call methods on isotope prior to initialization; " + return $ . error ( "cannot call methods on isotope prior to initialization; " +
@ -1291,17 +1241,21 @@
instance [ options ] . apply ( instance , args ) ; instance [ options ] . apply ( instance , args ) ;
} ) ; } ) ;
} else { } else {
return this . each ( function ( ) { this . each ( function ( ) {
var instance = $ . data ( this , 'isotope' ) ; var instance = $ . data ( this , 'isotope' ) ;
if ( instance ) { if ( instance ) {
// apply options & init
// apply options & init
instance . option ( options || { } ) . _init ( ) ; instance . option ( options || { } ) ;
instance . _init ( ) ;
} else { } else {
// initialize new instance
// initialize new instance
$ . data ( this , 'isotope' , new $ . Isotope ( options , this ) ) ; $ . data ( this , 'isotope' , new $ . Isotope ( options , this ) ) ;
} }
} ) ; } ) ;
} }
// return jQuery object
// so plugin methods do not have to
return this ;
} ; } ;
} ) ( window , jQuery ) ; } ) ( window , jQuery ) ;
David DeSandro
14 years ago