---
title: Télécharger l'API de la vignette d'icône d'élément
slug: world-sdk-guide-fr/telecharger-lapi-de-la-vignette-dicone-delement
docTags: 
createdAt: 2024-09-02T08:34:13.134Z
---

Le package ZEPETO.Module vous permet de télécharger des textures d'aperçu pour les éléments ZEPETO.

En téléchargeant dynamiquement les aperçus des éléments, vous pouvez aider à réduire la taille de votre package de construction.



## ÉTAPE 1 : Installation

Veuillez d'abord installer Window → Package Manager → ZEPETO.World Package 1.21.14 ou une version ultérieure.

Après cela, veuillez installer le package ZEPETO.Module.

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-VD9kRv94SPp_Mm0mSF52G-20240904-102411.png)



## ÉTAPE 2 : UI > Ajouter une image

1. Nous devons ajouter un composant Image à la scène qui affichera les aperçus. Veuillez ajouter Hiérarchie > UI > Image brute.
2. Définissez la largeur et la hauteur à la même taille.



## ÉTAPE 3 : Écrire le script

1. Créer une hiérarchie > Créer un objet vide et le renommer en DownloadThumbnail
2. créer un projet > Créer > ZEPETO > TypeScript et le renommer en DownloadThumbnailSample.
3. Écrire le script d'exemple comme indiqué ci-dessous.

```typescript
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { ShopService } from 'ZEPETO.Module.Shop';
import * as UnityEngine from 'UnityEngine';
import { RawImage } from 'UnityEngine.UI';
 
export default class DownloadThumbnailSample extends ZepetoScriptBehaviour {
 
    public image : RawImage;
    public itemCode : string;
     
    Start() {
        this.StartCoroutine(this.DownloadItemTexture());
    }
     
    *DownloadItemTexture()
    {
        // Télécharger la texture de la miniature pour le code d'article spécifié
        var request = ShopService.DownloadItemThumbnail(this.itemCode);
         
        yield new UnityEngine.WaitUntil(()=>request.keepWaiting == false);
         
        if(request.responseData.isSuccess)
        {
            this.image.texture = request.responseData.texture;
        }
    }
 
}
```



4\. Après avoir terminé d'écrire le script, ajoutez le script DownloadThumbnailSample à l'objet DownloadThumbnail.

5\. Assignez l'image à l'inspecteur de script et entrez le itemCode.

:::hint{type="info"}
**📘 **Veuillez vous référer au guide du mannequin sur la façon de vérifier le itemCode. \[[ZEPETO Mannequin](docId:6LV5KYXYNna668PXqvref)]
:::

6\. Appuyez sur le bouton \[▶︎(lecture)] pour exécuter, et vous devriez voir la miniature de l'article dans l'image que vous avez définie.

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-WJ8J3zW3oIEQVmFKmMENQ-20240904-102411.png)