WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Picture / Portfolio / Media Gallery
[resolved] Choppy Animation Sorting (3 posts)

  1. cartar929
    Member
    Posted 1 year ago #

    I recently installed this plugin, and I think it is great. However, when the items get sorted the animation appears to be really choppy.

    Here is a link to reference what I am talking about: http://responsive.franklinstreetwebserver.com/doctor-filtering.
    Verses: http://www.nimble3.com/portfolio-demo/

    The animation on the site I am working with feels glitchy and clunky. While the demo site has smooth transitions.

    At first I had the images tagged more than with one tag and I thought that could be causing an issue. I went back through and made sure every item just had one tag, but that did not seem to solve it.

    Then I thought that there could be a jQuery conflict with the slider plugin I had installed. So, I disabled the plugin and got the same animation results when sorting.

    But, now I am not sure if that is just the difference between the free version and the paid?

    I looked through a few other examples of sites that people had posted on here and some looked choppy and some looked smooth. So, I am not sure what the solution is? If someone could please help that would be great.

    Thanks,
    Carter

    http://wordpress.org/extend/plugins/nimble-portfolio/

  2. cartar929
    Member
    Posted 1 year ago #

    Also would you prefer that I post on wordpress.org or would you like me to post it over here: http://www.nimble3.com/nimble-portfolio-free-filterable-jquery-porfolio-wordpress-plugin/ ?

  3. cartar929
    Member
    Posted 1 year ago #

    Well for the most part it appears that the issue is it's a difference between the premium and free version.

    The answer I got is here: http://www.nimble3.com/nimble-portfolio-free-filterable-jquery-porfolio-wordpress-plugin/#comment-453

    I ended up adjusting the delay and some fade in and fade out timing to get the animation to move smoother.

    This was in the script.js file:

    var filterVal = jQuery(this).attr('rel');
    if(filterVal == 'all') {
    			jQuery('div.nimble-portfolio ul li.hidden').fadeIn(600).removeClass('hidden');
    
    		} else {
    			jQuery('div.nimble-portfolio ul li').each(function() {
    				if(!jQuery(this).hasClass(filterVal)) {
    					jQuery(this).delay(150).fadeOut(600).addClass('hidden');
    
    				} else {
    					jQuery(this).delay(680).fadeIn(600).removeClass('hidden');
    				}
    			});
    		}

    I am sure that there are some better ways to make it work smoother, but this is the solution I ended up using.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic