Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/content/docs/fr/guides/images.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -245,7 +245,7 @@ import myImage from '../assets/my_image.png'; // Image est en 1600x900
/>
```

Le composant `<Image />` accepte [plusieurs propriétés de composant](/fr/reference/modules/astro-assets/#propriétés-dimage) ainsi que tous les attributs acceptés par la balise HTML `<img>`.
Le composant `<Image />` accepte [plusieurs propriétés de composant](/fr/reference/modules/astro-assets/#image-) ainsi que tous les attributs acceptés par la balise HTML `<img>`.

L'exemple suivant fournit une classe (`class`) au composant Image qui s'appliquera à l'élément final `<img>`.

Expand Down Expand Up @@ -313,7 +313,7 @@ import myImage from '../assets/my_image.png'; // Image est de 1600x900
</picture>
```

<ReadMore>Consultez le détail des [propriétés du composant `<Picture />`](/fr/reference/modules/astro-assets/#propriétés-de-picture) dans la référence `astro:assets`.</ReadMore>
<ReadMore>Consultez le détail des [propriétés du composant `<Picture />`](/fr/reference/modules/astro-assets/#picture-) dans la référence `astro:assets`.</ReadMore>

### Comportement des images adaptatives

Expand Down Expand Up @@ -490,7 +490,7 @@ La [syntaxe de modèle Astro](/fr/reference/astro-syntax/) prend également en c

Les images locales doivent être importées à partir du chemin relatif du fichier `.astro` existant, ou vous pouvez configurer et utiliser un [alias d'importation](/fr/guides/imports/#alias). Vous pouvez ensuite accéder à la source de l'image et aux autres propriétés à utiliser dans la balise `<img>`.

Les ressources d'image importées correspondent à la signature suivante :
Les ressources d'images importées correspondent au type [`ImageMetadata`](/fr/reference/modules/astro-assets/#imagemetadata-1) et possèdent la signature suivante :

```ts
interface ImageMetadata {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -333,7 +333,7 @@ import rocket from '../assets/rocket.png';
<img src={rocket.src} alt="Une fusée dans l'espace.">
```

Le composant `<Image />` d'Astro fonctionne uniquement dans les fichiers `.astro` et `.mdx`. Consultez la [liste complète de ses attributs de composants](/fr/reference/modules/astro-assets/#propriétés-dimage) et notez que plusieurs différeront des attributs de Gatsby.
Le composant `<Image />` d'Astro fonctionne uniquement dans les fichiers `.astro` et `.mdx`. Consultez la [liste complète de ses attributs de composants](/fr/reference/modules/astro-assets/#image-) et notez que plusieurs différeront des attributs de Gatsby.

Pour continuer à utiliser des [images dans les fichiers Markdown (`.md`)](/fr/guides/images/#images-dans-les-fichiers-markdown) en utilisant la syntaxe Markdown standard (`![]()`), vous devrez peut-être mettre à jour le lien. L'utilisation directe de la balise HTML `<img>` n'est pas prise en charge dans les fichiers `.md` pour les images locales et doit être convertie en syntaxe Markdown.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -426,7 +426,7 @@ En savoir plus sur les [styles dans Astro](/fr/guides/styling/).

Convertissez tous les composants Next `<Image />` en [composant d'image propre à Astro](/fr/guides/images/) dans les fichiers `.astro` ou `.mdx`, ou en code [HTML/JSX standard avec la balise `<img />`](/fr/guides/images/#images-dans-les-composants-de-framework-ui) selon les besoins dans vos composants React.

Le composant `<Image />` d'Astro fonctionne uniquement dans les fichiers `.astro` et `.mdx`. Consultez la [liste complète de ses attributs de composants](/fr/reference/modules/astro-assets/#propriétés-dimage) et notez que plusieurs différeront des attributs de Next.
Le composant `<Image />` d'Astro fonctionne uniquement dans les fichiers `.astro` et `.mdx`. Consultez la [liste complète de ses attributs de composants](/fr/reference/modules/astro-assets/#image-) et notez que plusieurs différeront des attributs de Next.

```astro title="src/pages/index.astro"
---
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -491,7 +491,7 @@ En savoir plus sur [les styles dans Astro](/fr/guides/styling/).

Convertissez tous les [composants `<nuxt-img/>` ou `<nuxt-picture/>` de Nuxt](https://image.nuxt.com/usage/nuxt-img) en [composant d'image propre à Astro](/fr/guides/images/) dans les fichiers `.astro` ou `.mdx` ou en code [HTML standard avec la balise `<img>`](/fr/guides/images/#images-dans-les-composants-de-framework-ui) ou la balise `<picture>` selon le cas dans vos composants Vue.

Le composant `<Image />` d'Astro fonctionne uniquement dans les fichiers `.astro` et `.mdx`. Consultez la [liste complète de ses attributs de composants](/fr/reference/modules/astro-assets/#propriétés-dimage) et notez que plusieurs différeront des attributs de Nuxt.
Le composant `<Image />` d'Astro fonctionne uniquement dans les fichiers `.astro` et `.mdx`. Consultez la [liste complète de ses attributs de composants](/fr/reference/modules/astro-assets/#image-) et notez que plusieurs différeront des attributs de Nuxt.

```astro title="src/pages/index.astro"
---
Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/fr/guides/upgrade-to/v3.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -829,7 +829,7 @@ Si vous utilisiez l'intégration d'images dans Astro v2.x, procédez comme suit

Modifiez toutes les instructions `import` de `@astrojs/image/components` en `astro:assets` afin d'utiliser le nouveau composant `<Image />` intégré.

Supprimez tous les attributs de composant qui ne sont pas des [propriétés d'éléments d'image actuellement prises en charge](/fr/reference/modules/astro-assets/#propriétés-dimage).
Supprimez tous les attributs de composant qui ne sont pas des [propriétés d'éléments d'image actuellement prises en charge](/fr/reference/modules/astro-assets/#image-).

Par exemple, `aspectRatio` n'est plus pris en charge, car il est désormais automatiquement déduit des attributs `width` et `height`.

Expand Down
Loading