Skip to content

Instantly share code, notes, and snippets.

@garyhussey

garyhussey/gist:319baae1071a42370951

Created February 13, 2015 00:28
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save garyhussey/319baae1071a42370951 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save garyhussey/319baae1071a42370951 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. garyhussey created this gist Feb 13, 2015.
    115 changes: 115 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,115 @@
    $(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");
    }

    });
    });