# Image Slider 🖼️

{% embed url="<https://youtu.be/oCxyjSAa5Lk>" %}

<figure><img src="/files/8QC6VwILXq5g2KZkMu0b" alt=""><figcaption></figcaption></figure>

* **Add Image Slider Block:**
  * Click on the "Add Block" button within the editor.
  * From the list of available blocks, select "Image Slider."

<figure><img src="/files/8ArpPgJ8PjamUckHKmZq" alt=""><figcaption></figcaption></figure>

* **Submit:**
  * A pop-up window will appear, featuring a "Submit" button.
  * Click the "Submit" button to add the image slider block to your chosen section.

<figure><img src="/files/D1mb8FUS1NeHEEP52i3A" alt=""><figcaption></figcaption></figure>

* **Edit Image Slider:**
  * After adding the block, you'll see an "Edit" option in the form of a drop-down at the right corner of the block.
  * Click on "Edit" to access the slider's settings and customization options.
* **Customize Slider Style:**
  * Inside the editing mode, you can customize the slider's style, such as choosing between different styles available, setting the animation speed, and the duration of each slide.
* **Add Slider Images:**
  * Within the editing mode, find the option to add images to the slider.
  * Click on the "Create" button to add images.
  * A pop-up will appear where you can upload or choose images from your device.
* **Save and Preview:**
  * Once you've customized the slider settings and added images, save your changes.
  * Preview your website to see the image slider in action.

By following these steps, you can easily create a dynamic and engaging image slider or gallery on your decentralized website. This feature allows you to showcase multiple images in an interactive and visually appealing manner.

Remember to ensure that the images you use comply with copyright and licensing regulations.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.webhash.com/webhash-docs/how-to-edit-every-component-on-your-website/advanced-blocks-power-up-your-websites-functionality/image-slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.