jmar777/kwicks — pull request #4 by Duke3D (2012-12-30 16:42:46+00:00)
Title: Kwicks turned responsive - widths as % of container.

I invite you to consider these additions to kwicks.js to make it scale with it's container.

As modified, this js file makes NO changes to the current kwicks behaviour when used with current settings - it only adds a feature triggered by a setting.

The enhancement is to add another setting option - "units" that defaults to 'px' but allows '%'
When in % mode, two other settings have a different meaning - size is maximum container size (max-width) in px and maxSize is maximum image size in px when displayed at 100% (max-width).
In this mode, all widths and offsets are rendered as %.
(see last commit comment for details for this example.)
example:
container maximum 'size' = 950, image width at maximum 'maxSize' = 300, spacing = .3, units = '%'
rendered styles:
expanded width = 31.6%, unexpanded width (size) = 19.7% for 5 panels, collapsed width = 13.3%

css and html files need to be modified to demo this mode - would you like that done in the current package or would you prefer to setup a "responsive" branch?

Duke