diff --git a/en/application-dev/reference/arkui-js/js-components-basic-marquee.md b/en/application-dev/reference/arkui-js/js-components-basic-marquee.md
index a1072111daa65e9eab0e528e086b8955efa66e09..baf4fcc12c7ab5edb07b6d41cf6c9740e7fcfda6 100644
--- a/en/application-dev/reference/arkui-js/js-components-basic-marquee.md
+++ b/en/application-dev/reference/arkui-js/js-components-basic-marquee.md
@@ -136,4 +136,4 @@ export default {
 }
 ```
 
-![zh-cn_image_0000001176075554](figures/zh-cn_image_0000001176075554.gif)
+![en-us_image_0000001176075554](figures/en-us_image_0000001176075554.gif)
diff --git a/en/application-dev/reference/arkui-js/js-components-container-swiper.md b/en/application-dev/reference/arkui-js/js-components-container-swiper.md
index add3c751bf75dfaef1ea07bbe68ef355c5201faa..2297a8a90018de832d70026ff48b3a10b95bf7bb 100644
--- a/en/application-dev/reference/arkui-js/js-components-container-swiper.md
+++ b/en/application-dev/reference/arkui-js/js-components-container-swiper.md
@@ -158,4 +158,6 @@ export default {
 }
 ```
 
-![4-0](figures/4-0.gif)
+![en-us_image_0000001167823326](figures/en-us_image_0000001167823326.gif)
+
+
diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-formcomponent.md b/en/application-dev/reference/arkui-ts/ts-basic-components-formcomponent.md
index 3d55b17b5f9f7b2d8c9b742a1261d2902f4de04c..85870111712e90def229a040901f9ba0d41bbcf2 100644
--- a/en/application-dev/reference/arkui-ts/ts-basic-components-formcomponent.md
+++ b/en/application-dev/reference/arkui-ts/ts-basic-components-formcomponent.md
@@ -6,7 +6,7 @@ The **FormComponent** is used to display widgets.
 >
 > - This component is supported since API version 7. Newly added APIs will be marked with a superscript to indicate their earliest API version.
 >
-> - This component is intended for the widget host. For details about the widget provider, see [JS Service Widget UI Components](../js-service-widget-ui/Readme-EN.md).
+> - This component is intended for the widget host. For details about the widget provider, see [JS Service Widget UI Components](../js-service-widget-ui/js-service-widget-file.md).
 > 
 > - To use this component, you must have the system signature.
 
diff --git a/en/application-dev/ui/ui-ts-animation-feature.md b/en/application-dev/ui/ui-ts-animation-feature.md
index 90d4570ead2824103924a1cf19dc344cd29d83f2..0f96e137cff81f4d86cc714faf3356d8331e3af6 100644
--- a/en/application-dev/ui/ui-ts-animation-feature.md
+++ b/en/application-dev/ui/ui-ts-animation-feature.md
@@ -132,7 +132,7 @@ The splash screen animation refers to the fade-in and fade-out of the logo. Afte
       .onAppear(() => {
    
         animateTo({
-         duration: 2000,
+         duration: 1000,
           curve: this.curve1, 
           delay: 100, 
           onFinish: () => {
@@ -199,7 +199,7 @@ The splash screen animation refers to the fade-in and fade-out of the logo. Afte
          .opacity(this.opacityValue)
          .onAppear(() => {
            animateTo({
-             duration: 2000,
+             duration: 1000,
              curve: this.curve1,
              delay: 100,
              onFinish: () => {
@@ -240,11 +240,11 @@ The splash screen animation refers to the fade-in and fade-out of the logo. Afte
 
 Implement the shared element transition between the food list page and the food details page. That is, after you click **FoodListItem** or **FoodGridItem**, the food thumbnail is zoomed in, and then you are redirected to the large image on the food details page.
 
-1. Set the **sharedTransition** method for the **<Image>** component of **FoodListItem** and **FoodGridItem**. The transition ID is **foodItem.id**, the duration of the transition animation is 1s, and the delay is 0.1s. The change curve is **Curves.cubicBezier(0.2, 0.2, 0.1, 1.0)**. You need to import the **Curves** module first.
+1. Set the **sharedTransition** method for the **\<Image>** component of **FoodListItem** and **FoodGridItem**. The transition ID is **foodItem.id**, the duration of the transition animation is 1s, and the delay is 0.1s. The change curve is **Curves.cubicBezier(0.2, 0.2, 0.1, 1.0)**. You need to import the **Curves** module first.
 
-   During the shared element transition, the attributes of the current element are carried. Therefore, create a **<Row>** component as the parent component of the **<Image>** component, and set the background color on the **<Row>** component.
+   During the shared element transition, the attributes of the current element are carried. Therefore, create a **\<Row>** component as the parent component of the **\<Image>** component, and set the background color on the **\<Row>** component.
 
-   Set **autoResize** to **false** for the **<Image>** component of **FoodListItem**. The **<Image>** component adjusts the size of the image source based on the final display area by default to optimize the image rendering performance. In the transition animation, the image will be reloaded during the zoom-in process. Therefore, to ensure the smoothness of the transition animation, set **autoResize** to **false**.
+   Set **autoResize** to **false** for the **\<Image>** component of **FoodListItem**. The **\<Image>** component adjusts the size of the image source based on the final display area by default to optimize the image rendering performance. In the transition animation, the image will be reloaded during the zoom-in process. Therefore, to ensure the smoothness of the transition animation, set **autoResize** to **false**.
 
    ```ts
    // FoodList.ets
@@ -316,7 +316,7 @@ Implement the shared element transition between the food list page and the food
    
    ```
 
-2. Sets the **sharedTransition** method for the **<Image>** component of **FoodImageDisplay** on the **FoodDetail** page. The setting method is the same as that mentioned above.
+2. Sets the **sharedTransition** method for the **\<Image>** component of **FoodImageDisplay** on the **FoodDetail** page. The setting method is the same as that mentioned above.
 
    ```ts
    import Curves from '@ohos.curves'