# Slideshow Component use

To complete the integration of the Slideshow component, please manually perform the following steps:

### Step 1: Register component in AframeScene

In your view file, add the following import statement:

```javascript
import { slideshowComponent } from '../../aframe-components/slideshow';
```

Also in view file add in array of components:

```javascript
<AFrameScene components={[...other components,slideshowComponent]} sceneHtml={htmlReplaced} />
```
### Step 2: Upload images in prefix folder
Upload the slideshow images in a folder, named 1.png, 2.png, 3.png, and so on. Then pass the folder name as the prefix to the component.

### Step 3: Add the Plane to Your Scene
 ```javascript
  <a-plane id="target" visible="false" position="0 0 0" rotation="0 0 0" scale="6.3 6.3 6.3" 
    slideshow-component="prefix: FOLDER_NAME; totalFrames: 22;"
    material="side: double;">
  </a-plane>
```