Quick configuration in 10 steps

Path to configuration page.

  1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.

Add, configure and enable a dynamic display block.

  1. Type a unique block title in the block title field of the Add dynamic display block fieldset at the bottom of the screen.
  2. Click the Add block button.
  3. Click the Configure block link in the "Dynamic display block" fieldset of the dynamic display block you just made.
  4. Set the image folder to images/ddblock
  5. Click Save Block at the bottom of the page.
  6. Make the folder images/ddblock relative the Drupal file path. The Drupal file path is set at Administer > Site configuration > File system
  7. Add some pictures in this folder.
  8. Navigate to Administer > Site Building > Blocks in the admin menu.
  9. Find your block in the Disabled section near the bottom of the page. Select a region (e.g. Right sidebar) in the drop down box next to your block. This will move the block you just created to this region.
  10. Click the Save Blocks button.

      After these 10 steps you should see your added dynamic display block.
      You can always adjust the settings at Administer > Site Configuration > Dynamic display block in the admin menu.

      When you want to give anonymous users and other registered users rights to view the ddblock slideshows configure the permissions to view ddblock slideshows at: administer > user management > permissions.

     

    ( 1 )Configuration

    Path to configuration page

    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.

    Page description:

    • The List tab gives an overview of dynamic display blocks which can be edited, deleted and configured. You can also add dynamic display blocks at the bottom of the page.
    • The Instances tab gives an overview of instances of blocks from other modules to use as a dynamic display block. You can also add instances of blocks from other modules at the bottom of the page.
    • In the Settings tab, content types and blocks from other modules can be enabled for the Dynamic display block module.

    Overview of the Configuration page

     

    ( 2 )Settings tab

    Path to Settings tab

    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.
    2. Click the Settings tab.

    Which content types to use with the Dynamic display block module?

    It is advisable to make one or more custom content types for the dynamic display blocks and select more blocks to be used for the instances. For example a custom content type for images and a custom content type for short announcements.

    To enable Content types:

    1. Select the check boxes next to the Content types, to enable the Content type(s) that can be used with the Dynamic display block module.
    2. Click the Save configuration button.

    Which blocks from other modules to use with the Dynamic display block module?

    You can use any block from other modules which have a list, a table, etc. as content. As long as the individual items can be selected by a jQuery Selector you can use the block with the dynamic display block module. E.g the Recent comments block from the comments module. But you can also use blocks made with the views module. Once you set the blocks here you can make instances of the block in the Instances tab.

    To enable blocks from other modules:

    1. Select the check boxes next to the Blocks, to enable the block(s) that can be used with the Dynamic display block module.
    2. Click the Save configuration button.

    ( 3 )Instances tab

    Path to Instances tab

    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.
    2. Click the Instances tab.

    To manage and add an instance:

    1. Type a unique instance title in the Instance title textfield.
    2. Select a block you want to create the instance for.
    3. Click the Add Instance button.

    ( 4 )Add a block

    Path to configuration screen

    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.

    To add a dynamic display block:

    1. Type a unique block title in the block title field of the Add dynamic display block fieldset.
    2. Click the Add block button.

    ( 5 )Configure a block

    Path to configuration page

    1. Navigate to Administer > Site configuration > Dynamic display blocks in the admin menu.

    Note: At the top of the page Drupal shows a status message (in green) that a new dynamic display block is added.

    To configure the dynamic display block:

    1. Click the Configure block link in the "Dynamic display block" fieldset.

    ( 6 )Settings

    Path to dynamic display block settings page

    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.
    2. Click the Configure block link for a specific block.

    Page description:
    In the Block specific settings fieldset the following can be set:

    • Block title
    • Content settings
    • Image cache preset settings
    • Settings
    • Custom settings

    To override the default block title:

    1. Type a title for the dynamic display block in the Block title field to override the standard block title or type <none> for no block title.

    The settings are explained in the next pages.

     

    ( 7 )Content settings

    Path to dynamic display block settings page

    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.
    2. Click the Configure block link for a specific block.

    Information:
    A dynamic display block can get content from an image folder or from a content type. The third option, from a block from another module, is described in Settings tab and Instances tab.

    Note:All settings have default values. You only have to change the settings if you want other settings.

    By default content is used from the image folder sites/default/files.
    Please copy your images to this folder.

    Input type

    1. Choose the input type for the dynamic display block.

    Content from an image folder

    1. Type the name of the image folder in the "image folder" field.
    2. Copy images to this folder.
    3. Set the Number of images to show.

    Content container

    1. Type a content container to show in the dynamic display block.
      • If content to show in the dynamic display block is not directly the child content of your node. (E.g. when images are placed in a <div class="images">). The content container should be: 'img' (without the quotes) to let the images cycle in your dynamic display block. Example: 
         <div class="images">
          <img src="image1.png" />
          <img src="image2.png" />
         </div>

      • If you want to show more content. For example images with text in your dynamic display block you can for example use the <div class="cycle-content"> tag to separate the content in the node. In this case the content container should be 'div.cycle-content' (without the quotes) to let the images with text cycle in your dynamic display block. Example:
        <div class="content">
         <div class="cycle-content">
           Example text 1
          <img src="image1.png" />
         </div>
         <div class="cycle-content">
           Example text 2
         <img src="image2.png" />
         </div>
        </div>

        You can use any jQuery selector to select the elements to cycle.


    2. Set the height and width of the container.
    3. Set the height and width of the image if you have images in your content.

    Image settings


    1. Set the height and width of the image if you have images in your content.


    Imagecache preset settings

    Information: For more information how the imagecache module works, see the imagecache module tutorial.

    When you check the Use imagecache presets checkbox, you can use defined imagecache presets for the images you want to use in a slideshow.



    ( 8 )Block settings


    Path to dynamic display block settings page


    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.
    2. Click the Configure block link for a specific block.

    Information:
    In the Settings fieldset the transition effect between content can be set. Other settings are: the speed of the transition, the time between transitions, the display order of the content, pause, next, and what pager should be shown. When selecting a number pager, prev/next pager or image pager in the options, you can also set the height and the width of the pager.

    Each setting is explained in the screenshot.

    Information:
    All settings have default values. You only have to change the settings if you want other settings.

    Note: Check the Use pager checkbox to choose the type of pager you want to use.



    ( 9 )Custom settings


    Path to dynamic display block settings page


    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.
    2. Click the Configure block link for a specific block.

    Information:
    If you want more advanced settings for the transition you can type them in the custom options textarea of the Custom settings filedset.

    Note: If you type custom settings the other effect settings will be overriden.

    Example:

    {"speedIn": 2000,
    "speedOut": 500,
    "easeIn": "bounceout",
    "easeOut": "backin",
    "delay": -2000,
    "slideExpr":"img"}

    To try out this setting:


    1. Copy and paste the example to the Custom options field in the Custom settings fieldset.



    ( 10 )Editing a block


    Path to Edit dynamic display block page


    1. Navigate to Administer > Site configuration > Dynamic display block in the admin menu.
    2. Click the Edit link for a specific block.


    To edit a dynamic display block:


    1. Type a unique block title in the Block title field.
    2. Click the Save button.


    ที่มา : http://ddblock.myalbums.biz