# Show image viewer

![Show image viewer (vista ejemplo)](https://476758574-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVctm8W2AAd8SbIYUaj27%2Fuploads%2FTbU30Z9363fo9A3QN7fs%2Fimage.png?alt=media\&token=278706de-933d-493f-abdf-a35d3e3e9de7)

{% tabs %}
{% tab title="Entry Vars" %}
**Images urls:** Enter the URL of the image(s) you want to display, if there are more than one, they must be sent as an array. (required)

**Step by Step :**

<figure><img src="https://476758574-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVctm8W2AAd8SbIYUaj27%2Fuploads%2FatnXkIppmIP9CsMTJnKJ%2FShow%20image%20viewer.gif?alt=media&#x26;token=b316773c-2396-4b03-9203-b4d5d9a69906" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Callbacks & OutVars" %}
**onError:** Fired when the image(s) are not in the correct format.

OutVars

`invalid url, should be an array of strings or an string`

{% endtab %}

{% tab title="Features" %}
**Conjunto de imágenes:** Para poder visualizar un conjunto de imágenes, se tiene que ingresar un arreglo (array) de URLs de imágenes.\
Para poder realizar el arreglo de imágenes, ayudate de la función [**Array from object**](https://docs.apphive.io/reference/funciones/logic-e/array-from-object)**.**\
\
**Cerrar visualizador:** Para cerrar la vista, presiona en la "**X**" ubicada en la parte superior derecha o simplemente arrastra la imagen hacia la parte inferior de tu pantalla\
\
**Zoom:** Para realizar zoom a tus imágenes, arrastra la imagen hacia extremos contrarios con dos dedos

{% endtab %}

{% tab title="examples" %}
![](https://476758574-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVctm8W2AAd8SbIYUaj27%2Fuploads%2FqfoycE41FeGCxj8JwufO%2FWhatsApp%20Image%202022-07-18%20at%205.31.54%20PM.jpeg?alt=media\&token=0d253186-84f2-46a2-ab2a-1485c7cde469)
{% endtab %}
{% endtabs %}
