When the slide show runs in auto transition with a fade the slide text section does not slide up it just fades. With fast pager when you roll over a thumbnail the text does slide in and out after and before fade out transition to next slide. The text for every slide also slides up when the slide show loads the first slide. Basically it is all buggy with the slide text feature. Actually the same thing happens to the fade affect as well. The text transitions are not consistent. Sometimes fading correctly and some times just doing the same as the slide transition.

Comments

ppblaauw’s picture

Status: Active » Postponed (maintainer needs more info)

Do you have a link to the slideshow on your site to illustrate the issues?

spgd01’s picture

ppblaauw’s picture

Assigned: Unassigned » ppblaauw

I can reproduce the bug.
Have a working solution, will soon commit and post new slideshow themes.

spgd01’s picture

Status: Postponed (maintainer needs more info) » Active

Any news about the fix? Thanks

modctek’s picture

Any update on this? I am experiencing this same problem with the text transitions. In my case, it looks like the "after" effect is incorrectly playing at the opening of the view, and then the "before" effect is not occurring with each transition.

modctek’s picture

Just FYI, I think this might be traced to the jQuery Cycle Plugin, as I downgraded to V1 of this module and the same problems are occurring with the text transitions. Totally aggravating, as I spent several hours reverse engineering our theme to use V1 only to discover it was for naught!

ppblaauw’s picture

Status: Active » Needs review

In the file js/views_slideshow_ddblock.js change:

  // cycle Plugin onBefore function to add functionality before the next slide shows up
  // can be used to add the following effects to slide-text
  // fadeOut - Fade out all matched elements by adjusting their opacity and firing an optional callback after completion.
  // slideUp - Hide all matched elements by adjusting their height and firing an optional callback after completion.
  // hide - Hide all matched elements using a graceful animation and firing an optional callback after completion.
  function onBefore(curr, next, opts, fwd) {
    if (opts.slideTextjQuery == 1){
      if (opts.slideTextEffectBeforeSpeed == 0) {
        opts.slideTextEffectBeforeSpeed = 1;
      };
      switch (opts.slideTextEffectBefore) {
      case "fadeOut":
        $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition).fadeOut(opts.slideTextEffectBeforeSpeed);
      break;
      case "slideUp":
        $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition).slideUp(opts.slideTextEffectBeforeSpeed);
      break;
      default:
        $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition).hide(opts.slideTextEffectBeforeSpeed);
      }
    }  
  }

  // cycle Plugin onAfter function to add functionality after the next slide shows up
  // can be used to add the following effects to slide-text
  // fadein - Fade in all matched elements by adjusting their opacity and firing an optional callback after completion.
  // slideDown - Reveal all matched elements by adjusting their height and firing an optional callback after completion.
  // show - Show all matched elements using a graceful animation and firing an optional callback after completion.
  function onAfter(curr, next, opts, fwd) {
    if (opts.slideTextjQuery == 1){
      if (opts.slideTextEffectAfterSpeed == 0) {
        opts.slideTextEffectAfterSpeed = 1;
      };
      switch (opts.slideTextEffectAfter) {
      case "fadeIn":
       $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-'  + opts.slideTextPosition).fadeIn(opts.slideTextEffectAfterSpeed);
      break;
      case 'slideDown':
       $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition).slideDown(opts.slideTextEffectAfterSpeed);
      break;
      default:
       $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition).show(opts.slideTextEffectAfterSpeed);
      }
    }  

into


  // cycle Plugin onBefore function to add functionality before the next slide shows up
  // can be used to add the following effects to slide-text
  // fadeOut - Fade out all matched elements by adjusting their opacity and firing an optional callback after completion.
  // slideUp - Hide all matched elements by adjusting their height and firing an optional callback after completion.
  // hide - Hide all matched elements using a graceful animation and firing an optional callback after completion.
  function onBefore(curr, next, opts, fwd) {
    if (opts.slideTextjQuery == 1){
      if (opts.slideTextEffectBeforeSpeed == 0) {
        opts.slideTextEffectBeforeSpeed = 1;
      };
      switch (opts.slideTextEffectBefore) {
      case "fadeOut":
        $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition)
        .stop(true,true)
        .fadeOut(opts.slideTextEffectBeforeSpeed);
      break;
      case "slideUp":
        $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition)
        .stop(true,true)
        .slideUp(opts.slideTextEffectBeforeSpeed);
      break;
      default:
        $("#views-slideshow-ddblock-"+ opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition)
        .stop(true,true)
        .hide(opts.slideTextEffectBeforeSpeed);
      }
    }  
  }

  // cycle Plugin onAfter function to add functionality after the next slide shows up
  // can be used to add the following effects to slide-text
  // fadein - Fade in all matched elements by adjusting their opacity and firing an optional callback after completion.
  // slideDown - Reveal all matched elements by adjusting their height and firing an optional callback after completion.
  // show - Show all matched elements using a graceful animation and firing an optional callback after completion.
  function onAfter(curr, next, opts, fwd) {
    if (opts.slideTextjQuery == 1){
      if (opts.slideTextEffectAfterSpeed == 0) {
        opts.slideTextEffectAfterSpeed = 1;
      };
      switch (opts.slideTextEffectAfter) {
      case "fadeIn":
        $("#views-slideshow-ddblock-" + opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition)
        .fadeIn(opts.slideTextEffectAfterSpeed);
        $("#views-slideshow-ddblock-" + opts.ddblocknr + ' div.slide-' + opts.nextSlide + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition).css({"display":"none"});
      break;
      case 'slideDown':
        $("#views-slideshow-ddblock-" + opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition)
        .slideDown(opts.slideTextEffectAfterSpeed);
        $("#views-slideshow-ddblock-" + opts.ddblocknr + ' div.slide-' + opts.nextSlide + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition).css({"display":"none"});
     break;
      default:
        $("#views-slideshow-ddblock-" + opts.ddblocknr + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition)
        .show(opts.slideTextEffectAfterSpeed);
        $("#views-slideshow-ddblock-" + opts.ddblocknr + ' div.slide-' + opts.nextSlide + ' ' + opts.slideTextContainer + '-' + opts.slideTextPosition).css({"display":"none"});
      }
    }  
FanisTsiros’s picture

With this patch i have better results, (no buggy transitions) though there is a problem with the onAfter effect:
onAfter effect does not work properly (or there is no after effect at all) : sliding text just comes simultaneously with the next slide, not after the next slide...
onBefore works fine (in my example "slide Up")
see www.moriasnow.gr

FanisTsiros’s picture

Status: Needs review » Needs work

Per #8 Another thought, maybe this could help debugging.
When page reloads, or the first time the slide show loads then "onAfter" effect works (for the first slide). With all next slides, text sliding effect does not work...

ppblaauw’s picture

Status: Needs work » Postponed (maintainer needs more info)

#9 could you make the speed of slide transition longer then the combined text speeds (before and after)

FanisTsiros’s picture

Ok, i was playing with transition speeds with no luck.
Now, transition speeds are :

Transition Speed: 2500
Speed before effect: 250
Speed after effect: 250

Text slide effects are Slide Up and Slide Down Respectivly.
I'll keep these settings permanently, feel free to test : www.moriasnow.gr

#8 still aplies, so the next slide show images comes together with slide text (slide text does not slide down except for the first slide, when page reloads)

modctek’s picture

I can confirm FanisTsiros' results. Thanks for looking into this!

ppblaauw’s picture

#13 Do you have a link to your site?
On my testserver the slide-text transitions are working fine.
Would be good to have some more references.

modctek’s picture

Will send url and password in private message.

ppblaauw’s picture

Status: Postponed (maintainer needs more info) » Needs review

The slide class needs to get a number to be able to target the next slide.

<div class="slide clear-block border">

needs to become:

<div class="slide slide-x clear-block border">

Change the following in the views-slideshow-ddblock-cycle-block-content-vsd-[slideshow_theme_name].tpl.php file

      <?php foreach ($views_slideshow_ddblock_slider_items as $slider_item): ?>
       <div class="slide clear-block border">

into:

      <?php 
       $slide_counter=0;
       foreach ($views_slideshow_ddblock_slider_items as $slider_item): ?>
       <div class="slide slide-<?php print $slide_counter; ?> clear-block border">

and before the end of the foreach the counter needs to be set 1 higher
change

      <?php endforeach; ?>

into:

      <?php 
        $slide_counter++;
        endforeach; ?>
modctek’s picture

Made the changes...still doesn't seem to have any effect on the "after" text transition. Near as I can tell, the above code is working as intended - if I look at the rendered HTML, I can see the divs are now numbered.

FanisTsiros’s picture

Same here. NO "after" effect... Cache also cleared.
Is there any possibility for jQuery cycle version to be the problem ?

modctek’s picture

Any progress on this?

FanisTsiros’s picture

Is there any live working example (with the after effect) so we can check and help ?
Unfortunately i didn't find any working example either here http://themes.myalbums.biz/sites_using_ddblock or here http://themes.myalbums.biz/bookpath/examples

ppblaauw’s picture

e.g. http://www.healthenclave.com/ has a working slide-down/slide-up slide-text

modctek’s picture

I see it. Can you share the versions of the modules being used, also the timing settings on the slideshow text transitions? My client is very, very eager to fix the transitions on his website. You can see the buggy transitions in action here:

http://greatworkperks.com

modctek’s picture

Has anyone else experienced this issue? This is still a (minor) problem with the use of this module on our site.

modctek’s picture

Resurrecting this - still a problem on our D6 site:

http://greatworkperks.com