Hi Phillip,

I love Dynamic Display Block. I recently had a request that I couldn't figure out how to deliver using your module. So I am asking in hope that you might know a way.

The desired effect was to start the block with white (the page is white too) and have the first image transition in from white. I am using a fade, but any transition would look cool. The visual effect would be the "first" image fades in.

I think the way to do this would be to have a white solid be the first image in the cue. From there, the other images could be random.

So how about it? Is there a way to force the first image, but then randomize the rest of the images?

Thank you.

Jerry

Comments

ppblaauw’s picture

ppblaauw commented
Status: Active » Postponed (maintainer needs more info)

Special properties for the first slide in a dynamic display block slideshow is not supported by the module. But... there are ways to implement it changing the code of the module.

You can add custom code in the js file of the module like below (don't forget to update the code when you upgrade)

      setTimeout(function() {
        $('#ddblock-' + ddblockSettings.block + ' ' + contentContainer + ':first').fadeIn(2000);
        var $container = $('#ddblock-' + block + ' ' + contentContainer).parent()
        .cycle(options)
        .css('visibility', 'visible')
        .addClass('ddblock-processed');
      }, 3000);

Add a timeout function with a timeout in milliseconds (here 3000 for 3 seconds)
Add an effect for the first image

Hope this helps you further, please let me know.

mcfilms’s picture

mcfilms commented

Thanks!

This looks to be precisely what I need. My only questions are:

In which part of that js code block do I hard-code the first image?

And can I point to a location outside of the current folder of images? Afterall, I don't want it shuffled in with the other random images.

If my first image was at sites/default/files/white.jpg and my Dynamic Display images were getting uploaded into sites/default/files/ddblockimages

Instead of ':first' in your example, would I use 'white.jpg' or ':sites/default/files/white.jpg" ?? What does the : colan do?

I'm sorry I don't know much JavaScript OR PHP.

ppblaauw’s picture

ppblaauw commented

In the solution I mention there is no special white.jpg image. It fades in the first random image.
The :first is a CCS option to select the first slide.

Change the whole simple block part from line 243 to:

      // simple block
      if (ddblockSettings.setDimensions == 'none') {
        if ((ddblockSettings.height > 0) && (ddblockSettings.width > 0 )) {
          setTimeout(function() {
            $('#ddblock-' + block + ' ' + contentContainer + ':first').fadeIn(2000);
            $('#ddblock-'+ block)
            .cycle(options)
            .css('height',ddblockSettings.height + 'px')
            .css('width',ddblockSettings.width + 'px')
            .css('overflow', ddblockSettings.overflow)
            .css('visibility', 'visible')
            .addClass('ddblock-processed');
          }, 3000);
        }
        else {
          setTimeout(function() {
            $('#ddblock-' + block + ' ' + contentContainer + ':first').fadeIn(2000);
            $('#ddblock-'+ block)
            .cycle(options)
            .css('overflow', ddblockSettings.overflow)
            .css('visibility', 'visible')
            .addClass('ddblock-processed');
          }, 3000);
        }
        options.totalSlideCount = ddblockSettings.maxImages;  
      }

Hope this helps you further, please let me know.

mcfilms’s picture

mcfilms commented

Sooo close...

I found that // simple block section at line 203 and subbed out the code. Here is what happened:

I have two blocks on the page. The first one stayed white the second one faded in from white. I will investigate the differences in settings and report back.

ppblaauw’s picture

ppblaauw commented
Status: Postponed (maintainer needs more info) » Closed (fixed)

close issue, 17 weeks without activity.