|
10 | 10 |
|
11 | 11 | (Only the most recent changes are shown below, see the [wiki page](https://github.com/chriscoyier/MovingBoxes/wiki/Change-Log) for a complete listing) |
12 | 12 |
|
| 13 | +###Version 2.2.2 (1/3/2012) |
| 14 | + |
| 15 | +* Removed the `width` and `panelWidth` options. |
| 16 | + * The width and panel width are now set using css |
| 17 | + * The plugin is still backwards compatible, so setting the `width` and `panelWidth` in the option will still override the css settings. |
| 18 | + * Updated the `movingboxes.css` with the following css: |
| 19 | + |
| 20 | + ``css |
| 21 | + /* Default MovingBoxes wrapper size */ |
| 22 | + #movingboxes { |
| 23 | + width: 900px; |
| 24 | + min-height: 200px; |
| 25 | + } |
| 26 | + |
| 27 | + /* Default MovingBoxes panel size */ |
| 28 | + #movingboxes > li { |
| 29 | + width: 350px; |
| 30 | + } |
| 31 | + ``` |
| 32 | +
|
| 33 | + * So, the width still **should not** be set to a percentage, e.g. `width: 100%`, because it will not update when the window resizes. |
| 34 | + * Here is [a demo](http://jsfiddle.net/Mottie/jMXx3/1/) of how to resize the slider on the fly. |
| 35 | + * Please note that the overall width can now be much much wider than the panel, so please **DON'T use the `wrap` option** in this case because it just doesn't look good. |
| 36 | + * Fixed for [issue #49](https://github.com/chriscoyier/MovingBoxes/issues/49). |
| 37 | +* The `completed` callback will no longer run immediately after initialization. Fix for [issue #57](https://github.com/chriscoyier/MovingBoxes/issues/57). |
| 38 | +
|
13 | 39 | ###Version 2.2.1 (11/10/2011) |
14 | 40 | * Clicking on panels will now work properly. Fix for [issue #44](https://github.com/chriscoyier/MovingBoxes/issues/44). |
15 | 41 |
|
|
49 | 75 |
|
50 | 76 | ###Version 2.0.4 (5/7/2011) |
51 | 77 | * Fixed hash tags which apparently broke in the last version =/ |
52 | | - |
53 | | -###Version 2.0.3 (4/22/2011) |
54 | | -* Adjusted width of MovingBoxes internal wrapper to fix [issue #24](https://github.com/chriscoyier/MovingBoxes/issues/24). |
55 | | -* Restructured the plugin to allow updating MovingBoxes after adding or removing a panel. |
56 | | - * To use, simply call the plugin a second time without any options: `$('.slider').movingBoxes();` |
57 | | - * These new changes now require a minimum of jQuery version 1.4.2 (due to the use of "delegate()"). |
58 | | -* Restructured the layout of MovingBoxes. |
59 | | - * Previously, two divs were wrapped inside of the element the MovingBoxes plugin was called on. The structure was like this: #slider-one.movingBoxes.mb-slider > DIV.mb-scroll > DIV.mb-scrollContainer > .mb-panel. |
60 | | - * It worked, but when the element was a UL it became poorly formed HTML, because it added two divs inside the UL which wrapped all of the LI's. |
61 | | - * This restructuring actually only required minor changes to the css: `.mb-slider` is no longer the overall wrapper, it was renamed to `.mb-wrapper` and `.mb-scrollContainer` was renamed to `.mb-slider` |
62 | | - * The new layout is DIV.movingBoxes.mb-wrapper > DIV.mb-scroll > #slider-one.mb-slider > .mb-panel |
63 | | - * When accessing the plugin object, you will still target the .mb-slider. So the methods, events & callbacks didn't change at all. You may not even notice a difference, unless you modified the css for your theme. |
64 | | -* Modified the plugin so that instead of using the `currentPanel()` function to set the current panel, you can just call the plugin with a number (shortcut method). Both of these methods do the same thing: |
65 | | - * `$('.slider').data('movingBoxes').currentPanel(2, function(){ alert('done!'); });` |
66 | | - * `$('.slider').movingBoxes(2, function(){ alert('done!'); });` |
67 | | - |
68 | | -###Version 2.0.2 (4/8/2011) |
69 | | -* Changed default box shadow to be "inset". |
70 | | -* Added a separate IE stylesheet for versions < 9. Older IE versions will use a background image to add an inner shadow. It is using a png file, so it may not work properly in all older versions. |
71 | | - |
72 | | -###Version 2.0.1 (3/31/2011) |
73 | | -* Added more width to the scroll container. Fix for [issue #19](https://github.com/chriscoyier/MovingBoxes/issues/19). |
74 | | -* Centered the image... silly css problem. Fix for [issue #20](https://github.com/chriscoyier/MovingBoxes/issues/20). |
75 | | -* Moving boxes will no longer scroll when using the space bar or arrow keys inside an input, selector or textarea. Fix for [issue #22](https://github.com/chriscoyier/MovingBoxes/issues/22). |
76 | | - |
77 | | -###Version 2.0 (3/11/2011) |
78 | | -* Made all css class name more unique by adding a "mb-" in front. Fix for [issue #15](https://github.com/chriscoyier/MovingBoxes/issues/15). |
79 | | -* Removed font-size animation, and set percentage font sizes in the css. This reduces the amount of scripting and speeds up the script. CSS comments added to make these changes more clear. |
80 | | -* Removed `panelTitle` and `panelText` options as these sizes are now controlled as percentages in the CSS. |
81 | | -* Removed `panels` class name from HTML markup. It is now `mb-panels` and automatically added by the script. |
82 | | -* Added `panelType` option. This is the jQuery selector used to find the panels. |
83 | | - |
84 | | - * The default value is "> div" which means target the immediate children (">") only if they are divs "div". |
85 | | - * For example, the first demo is now an unordered list (ul#slider-one & li) with it's `panelType` set to "> LI" (the immediate childen of the UL). |
86 | | - * The second demo example has divs inside of a div#slider-two. So `panelType` is not set in the options. |
87 | | - * If the ">" (immediate children selector) is not used, any panels that have matching elements ("LI" within a list inside the panel) will also be targeted and likely break the MovingBoxes appearance. |
88 | | - * If there are any issues with panels not being found, then set `panelType` to something like ".myPanel", then just add the "myPanel" class to panel. |
89 | | - |
90 | | -* Added a "movingBoxes" namespace to all events |
91 | | - |
92 | | - * The triggered events are now as follows: `initialized.movingBoxes`, `initChange.movingBoxes`, `beforeAnimation.movingBoxes` and `completed.movingBoxes`. |
93 | | - * The "tar" event variable is now available in all events (it wasn't included in the `initialized` and `completed` events before). |
94 | | - * Use it as follows: |
95 | | - |
96 | | - $('#slider').bind('completed.movingBoxes', function(e, slider, tar){ |
97 | | - // e.type = "completed", e.namespace = "movingBoxes" |
98 | | - // tar = target panel# which is the same as current panel (slider.curPanel) when "completed" event is called |
99 | | - alert('Now on panel #' + slider.curPanel); |
100 | | - }); |
101 | | - |
102 | | - * Note that the callback names haven't changed (don't add a ".movingBoxes" to the end when adding the callback name in the initialization options. |
103 | | - |
104 | | - $('#slider').movingBoxes({ |
105 | | - // tar = target panel# which is the same as current panel (slider.curPanel) when "completed" event is called |
106 | | - completed : function(e, slider, tar) { alert('now on panel ' + tar); } |
107 | | - }) |
108 | | - |
109 | | -* Added a "slider" variable to the set method callback: |
110 | | - |
111 | | - // returns panel#, scrolls to 2nd panel, then runs callback function |
112 | | - // panel also contains the current slide #, but it's not accessible inside the callback |
113 | | - var panel = $('.slider').data('movingBoxes').currentPanel(2, function(slider){ |
114 | | - alert('done! now on slide #' + slider.curPanel); // callback |
115 | | - }); |
116 | | - |
117 | | -* Fixed a problem in Opera where the top half of the panel would be out of view. |
0 commit comments