• Stars
    star
    281
  • Rank 147,023 (Top 3 %)
  • Language
    JavaScript
  • License
    GNU Lesser Genera...
  • Created over 14 years ago
  • Updated almost 12 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Simple horizontal slider which grows up the current box when it's in focus (image, title & text) and back down when it's not in focus.

MoxingBoxes jQuery Plugin (demo)

Changelog

(Only the most recent changes are shown below, see the wiki page for a complete listing)

Version 2.3.4 (1/21/2013)

Version 2.3.3 (1/18/2013)

Version 2.3.2b (1/6/2013)

  • Updated playground demo. Using jQuery edge appears to mess up the scrolling behavior.
  • Added .gitignore and .gitattributes files.

Version 2.3.2 (11/17/2012)

  • Updated the API used to change panels. It will now accept a jQuery object of the panel or an element anywhere inside panel:

    // go to panel 3
    var lnk3 = $('.link3'); // link inside panel 3
    $('#boxes').movingBoxes(lnk3, function(api){
      alert('Now on panel #' + api.curPanel);
    });

    You can also call the api directly

    // go to panel 3
    var api = $('#boxes').data('movingBoxes'), // movingboxes object (api)
        lnk3 = $('.link3'); // link inside panel 3
    api.change(lnk3, function(api){
        alert('Now on panel #' + api.curPanel);
    });
  • Fixed the issue with the first panel not positioning correctly when the hash is not set.

  • Fixed issues with dealing with only one panel:

    • MovingBoxes with one or less panels will now properly hide the navigation arrows.
    • Starting with two panels and the first slide selected, when the second one was removed, the first panel would not resize. It does now!
  • Fixed an issue that occurred when the indicated hash panel didn't exist - the first cloned slide used to display instead.

Version 2.3.1 (10/9/2012)

  • MovingBoxes will no longer start on the first cloned panel when the wrap option is set to true. Fixes issue #97.

Version 2.3 (9/18/2012)

  • Added a method to check when all images have loaded, then reevaluate the height of each panel.
    • The plugin that was incorporated is called imagesLoaded.
    • This entailed rewritting and fixing the plugin initialization function (issue #92 and initAnimation problems (issue #79).
    • I hope this also includes fixing whatever is going on in issue #62.
  • Added a delayBeforeAnimate option:
    • The beforeAnimation event will be fired, then the animation will be delayed by the value in delayBeforeAnimate in milliseconds.
    • See issue #80 on how this could be useful :). Thanks to Alfazo for the suggestion.
  • Modified the layout so that the UL now gets the margin to center the panels within the frame instead of the first LI. This fixes the animation jump seen when switching from the second to first panel.
  • Removed byte order mark (BOM) from the js files. Fix for issue #94.

Version 2.2.16 (8/17/2012)

  • Added new styling to the demo pages (Chris)
  • Updated to jQuery v1.8
  • Included padding and margins in the panel position calculation to better center them.

Moved repo to CSS-Tricks (8/15/2012)

Version 2.2.15 (4/23/2012)

  • The initAnimation option should again prevent the initial animation. Fix for issue #79.

More Repositories

1

AnythingSlider

A jQuery Slider plugin for anything.
CSS
1,148
star
2

serverless

The Power of Serverless for Front-End Developers
Astro
472
star
3

coding-fonts

https://coding-fonts.css-tricks.com/
HTML
461
star
4

The-Printliminator

JavaScript
359
star
5

conferences

A public list of upcoming conferences https://conferences.css-tricks.com/
Nunjucks
236
star
6

AnythingZoomer

Zoom in on images or content
HTML
207
star
7

Relevant-Dropdowns

JavaScript
131
star
8

DragAvatar

HTML5 Drag and Drop Avatar Changer with Resizing and Cropping
JavaScript
74
star
9

Equalizer

Equalize column heights across multiple rows
JavaScript
70
star
10

Shapes-Of-CSS

Bunch of shapes you can make with only one element
64
star
11

Chat2

Chatroom with jQuery, PHP, and text files
PHP
54
star
12

Slide-to-Unlock

Replicating the iPhone's slide to unlock feature
JavaScript
44
star
13

jQuery-Organic-Tabs

Click the tabs to swap out content below, but the area fluidly adjusts in size to the new content, rather than jerk up or down.
HTML
34
star
14

Grid-Accordion

jQuery Accordion that works both vertically and horizontally as a table of cells
JavaScript
32
star
15

MagicLine

Navigation where the highlight follows the mouse
JavaScript
22
star
16

AnythingSlider-Themes

Extra themes for AnythingSlider
JavaScript
19
star
17

api-for-friendly-words

JavaScript
19
star
18

jQuery-Circulate-Plugin

Makes things go what in a circle n'everything.
18
star
19

BuildYourSocialPage

12
star
20

Dynamic-Page

JavaScript
12
star
21

build-process

CSS
11
star
22

View-Source-Button

Using jQuery, Code Prettify, and CSS3 :target, we can make a button that pops up a nice looking view of the current pages source code.
JavaScript
10
star
23

Indeterminate-Checkboxes

Checkboxes actually have three visual states: checked, unchecked, and indeterminate (even back to IE 6). The indeterminate state can only be set by JavaScript. This demo is of a set of nested checkboxes, a common use case for this third visual state.
9
star
24

Select-Cutoff-Fix

jQuery solution to IE 7/8 problem where select menus with fixed widths don't display wider options
8
star
25

Rotating-Feature-Boxes

Boxes rotate depending on what is selected. The featured box has extra displayed information.
8
star
26

Step-by-Step-Seminar-Registration

As different "steps" of the registration process are completed, the current step gets check off as done and the next step lights up. Includes some very basic form validation.
JavaScript
8
star
27

mod_anythingslider

Joomla 2.5 Mod for AnythingSlider by Ken Adam
PHP
5
star
28

quotes

QuotesOnDesign.com
PHP
4
star
29

AnythingSlider-Fx-Builder

Fx builder bookmarklet for AnythingSlider
JavaScript
4
star
30

css-webring

3
star