Vibe Themes » Plugin Support » vSlider Support

Is there a way to change the speed of the fade transition?

Started 1 year ago by Latest reply from
  • This topic is not a support question

    1. Anonymous
      Unregistered

      Reputation:3
       

      I know that adjusting the "Delay between squares" will slow down the transitions between slides, but since the fade transitions all the squares at once, I don't think I can adjust how fast the transition happens. I would like to slow down the transition, because right now the fade is pretty fast. Is there a way to do this?

      Posted 1 year ago #

    2. Mr.Vibe
      Key Master

      Reputation:225
       

      Yes, you can for fade transition increase the transition delay between the squares.

      Posted 1 year ago #

    3. Anonymous
      Unregistered

      Reputation:3
       

      I tried that, and it didn't seem to make any difference.

      Posted 1 year ago #

    4. Anonymous
      Unregistered

      Reputation:3
       

      First of all, thanks for the great plugin :)

      But slide image and texts are not synchronized, no matter what i've done with the settings i couldn't
      make it work.

      Do you have a suggestion with the coding or sth?

      Thanks.

      Posted 1 year ago #

    5. Anonymous
      Unregistered

      Reputation:3
       

      First of all, thanks for the great plugin :)

      But slide image and texts are not synchronized, no matter what i've done with the settings i couldn't
      make it work.

      Do you have a suggestion with the coding or sth?

      Thanks.

      Posted 1 year ago #

    6. Mr.Vibe
      Key Master

      Reputation:225
       

      search for "sDelay" in vslider.js for fade transition. Assign sDelay some static value (in ms say 3000 ms) in the first function before transition call is made.

      Alternatively use vSlider for Developers , we have made some changes for the fade transition.
      http://www.vibethemes.com/vsliderdev-for-developers/

      Posted 1 year ago #

    7. Anonymous
      Unregistered

      Reputation:3
       

      i've made some changes in transition function;

      if(titles[el.id][imagePos[el.id]]){

      $('#cs-title-'+el.id).delay(params[el.id].sDelay).animate({ 'opacity' : 0 }, params[el.id].sDelay/2, function() {
      $('#cs-title-'+el.id).html(titles[el.id][imagePos[el.id]]).animate({ 'opacity' : params[el.id].opacity }, params[el.id].sDelay/2);
      })

      } else {
      $('#cs-title-'+el.id).animate({ 'opacity' : 0 }, params[el.id].titleSpeed);
      //$('#cs-title-'+el.id).css('opacity',0);
      }

      };

      this fixed my problem with titles and fade effect.

      http://ganim.co/victor

      Posted 1 year ago #

    RSS feed for this topic

    Reply

    You must log in to post.