$('#disney').loadgo();
0.2
, without width transition when changing progress and background set to #01AEF0
$('#superman').loadgo({ 'opacity': 0.2, 'animated': false, 'bgcolor': '#01AEF0' });
$('#batman').loadgo({ 'opacity': 1, 'image': 'batman-overlay.png' });
lt
), right to left (rl
), bottom to top (bt
) or top to bottom (tb
).
// Left to Right - jQuery $('#jurassiclr').loadgo({ 'direction': 'lr' });
// Right to Left - jQuery $('#jurassicrl').loadgo({ 'direction': 'rl' });
// Bottom to Top - jQuery $('#jurassicbt').loadgo({ 'direction': 'bt' });
// Top to Bottom - jQuery $('#jurassictb').loadgo({ 'direction': 'tb' });
sepia
, blur
, invert
, hue-rotate
, opacity
or gayscale
.
// Sepia - jQuery $('#spidermanSepia').loadgo({ 'filter': 'sepia' });
// Blur - jQuery $('#spidermanBlur').loadgo({ 'filter': 'blur' });
// Invert - jQuery $('#spidermanInvert').loadgo({ 'filter': 'invert' });
// Hue Rotate - jQuery $('#spidermanHue').loadgo({ 'filter': 'hue-rotate' });
// Opacity - jQuery $('#spidermanOpacity').loadgo({ 'filter': 'opacity' });
// Grayscale - jQuery $('#spidermanGrayscale').loadgo({ 'filter': 'grayscale' });