Home
Wiki Pages: Home | FAQ | Setup | Options | Usage | Events | Change | Credits
MovingBoxes
We've been down the jQuery "sliders" path a few times before. Once for the Auto-Playing Featured Content Slider and again for the Start/Stop slider.
Many of the concepts presented in those tutorials are the same with this slider, so I'm not going to throw a lot of source code at you this time. The big difference here is that there are buttons to change panels and the panels zoom in and out. Fun!
Demos
Main demos
Overall appearance
- Percentage Width - see issue #27.
- Sort panels - see issue #30.
- Make current panel overlap others - requires css3 animation and keyframes; see issue #48.
- Prevent initial panel scroll - see issue #50.
Change non-current panels
- Squish non-current panels - see issue #56.
-
Ignore clicked links in non-current panel - see issue #36.Fixed in v2.2.3. - Ignore non-current panel clicks to change panels - see issue #37.
- Dim non-current panels - see issue #38.
- Hide text in non-current panels - see issue #52.
Navigation
- External arrows
- Inline navigation arrows - see issue #68
- Mousewheel - see issue #71
- Custom hash tags - target the h2 tag id in each panel and updates the URL, but the ID is replaced so the page won't jump when changing panels - (main demo)
- Adding swipe support - see issue #101 for more details.
Other
MovingBoxes for WordPress now available! (10/8/2011)
Thanks to Craftyhub for creating a Wordpress plugin for MovingBoxes! Get [it here] (http://wordpress.org/extend/plugins/movingboxes-wp/) or search for 'movingboxes' in your 'Install Plugins' page of your site admin section.