CSS-Tricks/AnythingSlider

Stars
1,148
Rank 40,634 (Top 0.9 %)
Language
CSS
License
GNU Lesser Genera...
Created over 14 years ago
Updated over 2 years ago

CSS-Tricks/AnythingSlider

CSS-Tricks

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

A jQuery Slider plugin for anything.

AnythingSlider jQuery Plugin

A very robust jQuery-based slider plugin. Need to link to a specific slide? No problem. Like a choice of themes? Got it. Need callbacks for when specific slider actions happen? Sure. Need custom tab names? You got it. Need more than one slider per page? Easy.

Having problems with installing or getting the plugin to work? Ask your question in the CSS-Tricks forums or on StackOverflow.
Find a bug or have an enhancement request? Submit it here

Main Demo

Related Projects

Download the full repo for a full set of all the cool stuff AnythingSlider can do.

More themes - AnythingSlider-Themes
Fx bookmarklet - AnythingSlider-FX-Builder

CMS plugins/mods

Wordpress plugin - AnythingSlider-for-WordPress
Movable Type plugin - mt-plugin-anythingslider
Joomla 2.5 mod - mod_anythingslider

Recent Changes

Version 1.9.7 (12/1/2017)

Core: Prevent JS error when panel doesn't exist. Fixes issue #659.

Version 1.9.6 (5/25/2016)

Video: Use https for YouTube api calls. Fixes issue #648.
Demos: Use https for external files. Fixes issue #646.

Version 1.9.5 (3/4/2016)

Dynamic video extension
- Prevent reinitializing the video more than once.
- Allow dynamically adding & removing videos; call .anythingSliderVideo() to update.
- Add dynamic demo to video page.
- All thanks to christian-seifert in pull #604!
Force vimeo iframe to use https to prevent iframe communication issues. Fixes issue #645.

serverless

The Power of Serverless for Front-End Developers

coding-fonts

https://coding-fonts.css-tricks.com/

The-Printliminator

MovingBoxes

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.

conferences

A public list of upcoming conferences https://conferences.css-tricks.com/

AnythingZoomer

Zoom in on images or content

Relevant-Dropdowns

DragAvatar

HTML5 Drag and Drop Avatar Changer with Resizing and Cropping

Equalizer

Equalize column heights across multiple rows

Shapes-Of-CSS

Bunch of shapes you can make with only one element

Chat2

Chatroom with jQuery, PHP, and text files

Slide-to-Unlock

Replicating the iPhone's slide to unlock feature

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.

Grid-Accordion

jQuery Accordion that works both vertically and horizontally as a table of cells

MagicLine

Navigation where the highlight follows the mouse

AnythingSlider-Themes

Extra themes for AnythingSlider

api-for-friendly-words

jQuery-Circulate-Plugin

Makes things go what in a circle n'everything.

BuildYourSocialPage

Dynamic-Page

build-process

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.

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.

Select-Cutoff-Fix

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

Rotating-Feature-Boxes

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

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.

mod_anythingslider

Joomla 2.5 Mod for AnythingSlider by Ken Adam

quotes

QuotesOnDesign.com

AnythingSlider-Fx-Builder

Fx builder bookmarklet for AnythingSlider

css-webring