Skip to content
Elements in a grid, resized proportionally to fill the width of their container
JavaScript HTML
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

griddle.js

Elements in a grid, resized proportionally to fill the width of their container.

bower install griddle.js --save
$('div').griddle({
    isResizable: true, // Resize function that fires on smart resize
    minHeight: 0, // Min height of items
    maxHeight: 99999, // Max Height of items
    maxHeightLastRow: 99999,
    parentWidth: false, // Force setting of the containers width defaults to auto
    minParentWidth: 700, // If less than this amount the whole layout cancels
    maxRatio: 10, // Max ratio of the total row, fiddle for best effect
    before: false, // Function to call before layout
    end: false, // Function to call after layout
    cssBefore: {
        'width': '100%',
        'height': '100%'
    }, // Img CSS after before function but before layout
    cssEnd: false, // Img CSS after everything
    exposeScaling: false, // Expose scaling in dom
    gutter: 0, // Set gutter 
    calculateSize: false // Calculates size of element rather than using data- values
});
Something went wrong with that request. Please try again.