Skip to content

Instantly share code, notes, and snippets.

@garyhussey
Created February 13, 2015 00:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save garyhussey/319baae1071a42370951 to your computer and use it in GitHub Desktop.
Save garyhussey/319baae1071a42370951 to your computer and use it in GitHub Desktop.
$(document).ready(function(){
function iconSlider() {
$('.fa-angle-right').click(function(){
var $clientlistWidth = $("body").find('.icon-wrap').width();
if ($clientlistWidth == 250 && parseInt($('#clientlist').css('right'), 10) < 2500) {
$('#clientlist').animate({'right': "+=250px" });
console.log("list is 250px wide and right is less than 2500px");
}
else if ($clientlistWidth == 500 && parseInt($('#clientlist').css('right'), 10) < 2250) {
$('#clientlist').animate({'right': "+=250px" });
console.log("list is 500px wide and right is less than 2250px");
}
else if ($clientlistWidth == 750 && parseInt($('#clientlist').css('right'), 10) < 2000) {
$('#clientlist').animate({'right': "+=250px" });
console.log("list is 750px wide and right is less than 2000px");
}
else if ($clientlistWidth == 1000 && parseInt($('#clientlist').css('right'), 10) < 1750) {
$('#clientlist').animate({'right': "+=250px" });
console.log("list is 500px wide and right is less than 1750px");
}
else if ($clientlistWidth == 1250 && parseInt($('#clientlist').css('right'), 10) < 1500) {
$('#clientlist').animate({'right': "+=250px" });
console.log("list is 500px wide and right is less than 1500px");
}
else if ($clientlistWidth == 1500 && parseInt($('#clientlist').css('right'), 10) < 1250) {
$('#clientlist').animate({'right': "+=250px" });
console.log("list is 1500px wide and right is less than 1250px");
}
else if ($clientlistWidth == 1750 && parseInt($('#clientlist').css('right'), 10) < 1000) {
$('#clientlist').animate({'right': "+=250px" });
console.log("list is 1750px wide and right is less than 1000px");
}
else if ($clientlistWidth == 2000 && parseInt($('#clientlist').css('right'), 10) < 750) {
$('#clientlist').animate({'right': "+=250px" });
console.log("list is 2000px wide and right is less than 750px");
}
});
$('.fa-angle-left').click(function(){
var $clientlistWidth = $("body").find('.icon-wrap').width();
if ($clientlistWidth == 250 && parseInt($('#clientlist').css('right'), 10) > 0) {
$('#clientlist').animate({'right': "-=250px" });
console.log("list is 250px wide and right is greater than 0px");
}
else if ($clientlistWidth == 500 && parseInt($('#clientlist').css('right'), 10) > 0) {
$('#clientlist').animate({'right': "-=250px" });
console.log("list is 500px wide and right is greater than 0px");
}
else if ($clientlistWidth == 750 && parseInt($('#clientlist').css('right'), 10) > 0) {
$('#clientlist').animate({'right': "-=250px" });
console.log("list is 750px wide and right is greater than 0px");
}
else if ($clientlistWidth == 1000 && parseInt($('#clientlist').css('right'), 10) > 0) {
$('#clientlist').animate({'right': "-=250px" });
console.log("list is 500px wide and right is greater than 0px");
}
else if ($clientlistWidth == 1250 && parseInt($('#clientlist').css('right'), 10) > 0) {
$('#clientlist').animate({'right': "-=250px" });
console.log("list is 500px wide and right is greater than 0px");
}
else if ($clientlistWidth == 1500 && parseInt($('#clientlist').css('right'), 10) > 0) {
$('#clientlist').animate({'right': "-=250px" });
console.log("list is 1500px wide and right is greater than 0px");
}
else if ($clientlistWidth == 1750 && parseInt($('#clientlist').css('right'), 10) > 0) {
$('#clientlist').animate({'right': "-=250px" });
console.log("list is 1750px wide and right is greater than 0px");
}
else if ($clientlistWidth == 2000 && parseInt($('#clientlist').css('right'), 10) > 0) {
$('#clientlist').animate({'right': "-=250px" });
console.log("list is 2000px wide and right is greater than 0px");
}
});
};
$(iconSlider);
$(window).resize(function() {
var $clientlistWidth = $("body").find('.icon-wrap').width();
if ($clientlistWidth == 500 && parseInt($('#clientlist').css('right'), 10) > 2250) {
$('#clientlist').css('right', "2250px");
console.log("reset right attribute");
}
else if ($clientlistWidth == 750 && parseInt($('#clientlist').css('right'), 10) > 2000) {
$('#clientlist').css('right', "2000px");
console.log("reset right attribute");
}
else if ($clientlistWidth == 1000 && parseInt($('#clientlist').css('right'), 10) > 1750) {
$('#clientlist').css('right', "1750px");
console.log("reset right attribute");
}
else if ($clientlistWidth == 1250 && parseInt($('#clientlist').css('right'), 10) > 1500) {
$('#clientlist').css('right', "1500px");
console.log("reset right attribute");
}
else if ($clientlistWidth == 1500 && parseInt($('#clientlist').css('right'), 10) > 1250) {
$('#clientlist').css('right', "1250px");
console.log("reset right attribute");
}
else if ($clientlistWidth == 1750 && parseInt($('#clientlist').css('right'), 10) > 1000) {
$('#clientlist').css('right', "1000px");
console.log("reset right attribute");
}
else if ($clientlistWidth == 2000 && parseInt($('#clientlist').css('right'), 10) > 750) {
$('#clientlist').css('right', "750px");
console.log("reset right attribute");
}
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment