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

  1. cartar929
    Posted 3 years 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.



  2. cartar929
    Posted 3 years 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
    Posted 3 years 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)) {
    				} else {

    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

  • WordPress Picture / Portfolio / Media Gallery
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic