# Image Gallery

{% hint style="warning" %}
***Note:*** please remember that web and mobile app widgets are set up separately in the Web Dashboard and Mobile App Dashboard sections correspondingly. They can still use the same datastreams to access the same data (Map widget is an exception – a different codebase is used for Map on mobile and web).
{% endhint %}

Image Gallery is used to create sets of pictures and display one of them accordingly to what is needed at the moment by changing attached datastream value or index.

* **Title** – name the widget by editing *Image Gallery* inside top field
* **Datastream** – select the one that will affect images change
* **+ Add Image** – click this button to add image (20 is maximum) and provide it's URL.&#x20;
  * **Move** – hold this button and move the image in order to change it's view order and index
  * **Delete** – delеte image URL. No confirmation is required
* **Images Scaling**: select Fit or Fill option&#x20;

![](/files/7uNFipQcEmSs49ox5bSd)

Once it's set up, you can change the image displayed while the Device is On or Off (as in example above).


---

# 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://docs.blynk.io/en/blynk.console/widgets-console/image-gallery.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.
