> For the complete documentation index, see [llms.txt](https://help.webhash.com/webhash-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.webhash.com/webhash-docs/how-to-edit-every-component-on-your-website/advanced-blocks-power-up-your-websites-functionality/image-slider.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` 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>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.