Andrew Collington amnuts
amnuts
/ crossfade.js
Last active
December 27, 2015 08:59
Quick and easy way to cross-fade between elements in a list. If those elements contained images then you have a very simple slideshow. (Requires jQuery.)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if ($('ul.crossfade').length) { | |
| $('ul.crossfade').each(function(){ | |
| var ul = $(this); | |
| if ($('li', ul).length > 1) { | |
| $('li:gt(0)', ul).hide(); | |
| var fadeSpeed = (ul.attr('data-fadespeed') !== undefined ? ul.attr('data-fadespeed') : 1000); | |
| var nextSpeed = (ul.attr('data-nextspeed') !== undefined ? ul.attr('data-nextspeed') : 5000); | |
| setInterval(function(){ | |
| $('li:first', ul) | |
| .fadeOut(fadeSpeed).next('li') |
amnuts
/ jquery.sameheight.js
Created
November 4, 2013 10:40
A jQuery plug-in to make elements the same height (by max height or min height)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Same Height, jQuery plug-in. | |
| * | |
| * This plug-in allows you to automatically have all of the elements marked | |
| * with a particular class to be the same height, either by smallest or | |
| * largest. | |
| * | |
| * By default, 'samemaxheight' and 'sameminheight' will be used. | |
| * | |
| * Examples of use: |
NewerOlder