> ## Documentation Index > Fetch the complete documentation index at: https://docs.dc.ag/llms.txt > Use this file to discover all available pages before exploring further. # dynamic content - Create Scrollbars > Display images in an automatically scrolling bar on your website. In the following, we will show you how to create scrollbars. Scrollbars are bars that display multiple images and automatically scroll through them. In general, several images are displayed simultaneously. Unlike an image gallery, there is no large-image display; instead, all images are shown at the same display size. In addition, scrollbars also give you the option of maintaining a text alongside the image. Scrollbars are typically used to display the brands available in your shop. This guide is part of the [Content Types](/docs/en/dynamic-content/user-guide/inhaltsarten). We show you how to create content in general under [Creating and Editing Content](/docs/en/dynamic-content/user-guide/inhalte-erstellen). ## Step 1: Select the Content Type "Scrollbars" First, select the content type "Scrollbars". This should open a window with the heading "New Scrollbar". Selecting the content type Scrollbars ## Step 2: Choose a Description and Save In the window, first choose a description. This is only for organisational purposes and will not be displayed on your website. Choose a description for the scrollbar Save the scrollbar ## Step 3: Choose Element Width and Height This affects the size at which the individual images are actually displayed. You should therefore also pay attention to the format or aspect ratio of the original images here. Set element width Set element height ## Step 4: Choose Width and Height If you want multiple elements displayed side by side, you must adjust the width of the scrollbar so that it is at least as wide as the element width multiplied by the number of simultaneously displayed elements. Set the width of the scrollbar Set the height of the scrollbar ## Step 5: Adjust Arrow Position and Element Display Next, you can decide where and whether arrows should be displayed on the scrollbar, allowing visitors to manually switch to the next images. Display arrows on the scrollbar Simultaneously displayed elements Elements per scroll ## Step 6: Define Display Duration and Effect Duration The display duration specifies how many milliseconds to wait before the next scroll is triggered. The effect duration specifies how long (in milliseconds) the scroll effect should be displayed. Set effect duration Set display duration ## Step 7: Maintain Images To do this, click the plus icon with the adjacent label "New" under the heading "Scrollbar Images". A window with the heading "New Scrollbar Image" should then open, in which you can upload the respective image. Add new scrollbar images Select file for scrollbar Uploaded image in the scrollbar ## Step 8: Choose Image Description and Text Next, define a description for your uploaded image. This is only for organisational purposes and will not be displayed on your website. Define image description Maintain image text ## Step 9: Add a Link In addition, you have the option of adding a link to your image, to which the visitor will be redirected as soon as they click on the corresponding image in the scrollbar. Add a link to the image Save and close image Overview of scrollbar images Save the scrollbar as a final step Example of a completed scrollbar ## Related Topics Overview of all available modules. Create content on pages. Present images as a slideshow on your page. Display multiple images as a gallery with preview.