From fe3900b3232bf4565f85846f66ce398a19d12f07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=9D=B1=E6=BE=94?= <zhaodonghao586@outlook.com>
Date: Thu, 2 Jun 2022 16:41:00 +0800
Subject: [PATCH] docs: fixed example link error

---
 README.md       | 34 ++++++++++++++++------------------
 README.zh-CN.md | 35 ++++++++++++++++-------------------
 2 files changed, 32 insertions(+), 37 deletions(-)

diff --git a/README.md b/README.md
index 9e7c1743..34a23eed 100644
--- a/README.md
+++ b/README.md
@@ -23,27 +23,25 @@ English | [简体中文](./README.zh-CN.md)
 
 > Click on the image to see the code snippets. [[Try it]](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🍺
 
-[<img src="assets/normal-horizontal.gif" width="33%"/>11](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/normal/index.tsx)
-[<img src="assets/normal-vertical.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/normal/index.tsx)
-[<img src="assets/parallax-horizontal.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax/index.tsx)
-[<img src="assets/parallax-vertical.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax/index.tsx)
-[<img src="assets/stack-horizontal-left.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
-[<img src="assets/stack-horizontal-right.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
-[<img src="assets/stack-vertical-left.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
-[<img src="assets/stack-vertical-right.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
+|            <img src="assets/normal-horizontal.gif"/>             |              <img src="assets/normal-vertical.gif"/>              |            <img src="assets/parallax-horizontal.gif"/>             |
+| :--------------------------------------------------------------: | :---------------------------------------------------------------: | :----------------------------------------------------------------: |
+|  <a href="./example/src/normal/index.tsx">normal-horizontal</a>  |   <a href="./example/src/normal/index.tsx">normal-vertical</a>    | <a href="./example/src/parallax/index.tsx">parallax-horizontal</a> |
+|            <img src="assets/parallax-vertical.gif"/>             |           <img src="assets/stack-horizontal-left.gif"/>           |           <img src="assets/stack-horizontal-right.gif"/>           |
+| <a href="./example/src/parallax/index.tsx">parallax-vertical</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-left</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-right</a> |
+|           <img src="assets/stack-vertical-left.gif"/>            |           <img src="assets/stack-vertical-right.gif"/>            |           <img src="assets/stack-horizontal-right.gif"/>           |
+| <a href="./example/src/stack/index.tsx">stack-vertical-left</a>  | <a href="./example/src/stack/index.tsx">stack-vertical-right</a>  | <a href="./example/src/stack/index.tsx">stack-horizontal-right</a> |
 
 > Now you can make cool animations with us! Very easy! [[Details]](./docs/custom-animation.md)
 
-[<img src="assets/advanced-parallax.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/advanced-parallax/index.tsx)
-[<img src="assets/pause-advanced-parallax.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/pause-advanced-parallax/index.tsx)
-[<img src="assets/scale-fade-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/scale-fade-in-out/index.tsx)
-[<img src="assets/rotate-scale-fade-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/rotate-scale-fade-in-out/index.tsx)
-[<img src="assets/rotate-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/rotate-in-out/index.tsx)
-[<img src="assets/anim-tab-bar.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/anim-tab-bar/index.tsx)
-[<img src="assets/marquee.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/marquee/index.tsx)
-[<img src="assets/multiple.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/multiple/index.tsx)  
-[<p align="center"><img src="assets/parallax-layers.gif" width="33%"/></p>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax-layers/index.tsx)  
-[<p align="center"><img src="assets/flow.gif" width="33%"/></p>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/flow/index.tsx)
+|                        <img src="assets/advanced-parallax.gif"/>                        |                    <img src="assets/pause-advanced-parallax.gif"/>                    |                 <img src="assets/scale-fade-in-out.gif"/>                 |
+| :-------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :-----------------------------------------------------------------------: |
+|        <a href="./example/src/advanced-parallax/index.tsx">advanced-parallax</a>        | <a href="./example/src/pause-advanced-parallax/index.tsx">pause-advanced-parallax</a> | <a href="./example/src/scale-fade-in-out/index.tsx">scale-fade-in-out</a> |
+|                     <img src="assets/rotate-scale-fade-in-outgif"/>                     |                         <img src="assets/rotate-in-out.gif"/>                         |                   <img src="assets/anim-tab-bar.gif"/>                    |
+| <a href="./example/src/rotate-scale-fade-in-out/index.tsx">rotate-scale-fade-in-out</a> |           <a href="./example/src/rotate-in-out/index.tsx">rotate-in-out</a>           |      <a href="./example/src/anim-tab-bar/index.tsx">anim-tab-bar</a>      |
+|                             <img src="assets/marquee.gif"/>                             |                           <img src="assets/multiple.gif"/>                            |                                                                           |
+|                  <a href="./example/src/marquee/index.tsx">marquee</a>                  |                <a href="./example/src/multiple/index.tsx">multiple</a>                |                                                                           |
+|                         <img src="assets/parallax-layers.gif"/>                         |                             <img src="assets/flow.gif"/>                              |                                                                           |
+|          <a href="./example/src/parallax-layers/index.tsx">parallax-layers</a>          |                  <a href="./example/src/flow/index.tsx">multiple</a>                  |                                                                           |
 
 ## Table of contents
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 12cc66cb..303782c1 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -23,28 +23,25 @@
 
 > 点击图片，查看代码 [[试一下]](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🍺
 
-[<img src="assets/normal-horizontal.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/normal/index.tsx)
-[<img src="assets/normal-vertical.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/normal/index.tsx)
-[<img src="assets/parallax-horizontal.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax/index.tsx)
-[<img src="assets/parallax-vertical.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax/index.tsx)
-[<img src="assets/stack-horizontal-left.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
-[<img src="assets/stack-horizontal-right.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
-[<img src="assets/stack-vertical-left.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
-[<img src="assets/stack-vertical-right.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
+|            <img src="assets/normal-horizontal.gif"/>             |              <img src="assets/normal-vertical.gif"/>              |            <img src="assets/parallax-horizontal.gif"/>             |
+| :--------------------------------------------------------------: | :---------------------------------------------------------------: | :----------------------------------------------------------------: |
+|  <a href="./example/src/normal/index.tsx">normal-horizontal</a>  |   <a href="./example/src/normal/index.tsx">normal-vertical</a>    | <a href="./example/src/parallax/index.tsx">parallax-horizontal</a> |
+|            <img src="assets/parallax-vertical.gif"/>             |           <img src="assets/stack-horizontal-left.gif"/>           |           <img src="assets/stack-horizontal-right.gif"/>           |
+| <a href="./example/src/parallax/index.tsx">parallax-vertical</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-left</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-right</a> |
+|           <img src="assets/stack-vertical-left.gif"/>            |           <img src="assets/stack-vertical-right.gif"/>            |           <img src="assets/stack-horizontal-right.gif"/>           |
+| <a href="./example/src/stack/index.tsx">stack-vertical-left</a>  | <a href="./example/src/stack/index.tsx">stack-vertical-right</a>  | <a href="./example/src/stack/index.tsx">stack-horizontal-right</a> |
 
 > 现在你可以和我们一起来制作酷炫的动画了！ 非常简单! [[详情]](./docs/custom-animation.zh-CN.md)
 
-[<img src="assets/advanced-parallax.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/advanced-parallax/index.tsx)
-[<img src="assets/pause-advanced-parallax.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/pause-advanced-parallax/index.tsx)
-[<img src="assets/scale-fade-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/scale-fade-in-out/index.tsx)
-[<img src="assets/rotate-scale-fade-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/rotate-scale-fade-in-out/index.tsx)
-[<img src="assets/rotate-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/rotate-in-out/index.tsx)
-[<img src="assets/anim-tab-bar.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/anim-tab-bar/index.tsx)
-[<img src="assets/marquee.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/marquee/index.tsx)
-[<img src="assets/multiple.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/multiple/index.tsx)  
-[<p align="center"><img src="assets/parallax-layers.gif" width="33%"/></p>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax-layers/index.tsx)  
-[<p align="center"><img src="assets/flow.gif" width="33%"/></p>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/flow/index.tsx)
-
+|                        <img src="assets/advanced-parallax.gif"/>                        |                    <img src="assets/pause-advanced-parallax.gif"/>                    |                 <img src="assets/scale-fade-in-out.gif"/>                 |
+| :-------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :-----------------------------------------------------------------------: |
+|        <a href="./example/src/advanced-parallax/index.tsx">advanced-parallax</a>        | <a href="./example/src/pause-advanced-parallax/index.tsx">pause-advanced-parallax</a> | <a href="./example/src/scale-fade-in-out/index.tsx">scale-fade-in-out</a> |
+|                     <img src="assets/rotate-scale-fade-in-outgif"/>                     |                         <img src="assets/rotate-in-out.gif"/>                         |                   <img src="assets/anim-tab-bar.gif"/>                    |
+| <a href="./example/src/rotate-scale-fade-in-out/index.tsx">rotate-scale-fade-in-out</a> |           <a href="./example/src/rotate-in-out/index.tsx">rotate-in-out</a>           |      <a href="./example/src/anim-tab-bar/index.tsx">anim-tab-bar</a>      |
+|                             <img src="assets/marquee.gif"/>                             |                           <img src="assets/multiple.gif"/>                            |                                                                           |
+|                  <a href="./example/src/marquee/index.tsx">marquee</a>                  |                <a href="./example/src/multiple/index.tsx">multiple</a>                |                                                                           |
+|                         <img src="assets/parallax-layers.gif"/>                         |                             <img src="assets/flow.gif"/>                              |                                                                           |
+|          <a href="./example/src/parallax-layers/index.tsx">parallax-layers</a>          |                  <a href="./example/src/flow/index.tsx">multiple</a>                  |                                                                           |
 
 ## 目录