# How to make a carousel

**URL:** https://discourse.threejs.org/t/how-to-make-a-carousel/7275
**Category:** Questions
**Tags:** controls
**Created:** [April 28, 2019, 1:43pm UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275 "2019-04-28T13:43:26Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![mstudio](https://avatars.discourse-cdn.com/v4/letter/m/919ad9/32.png) [@mstudio](https://discourse.threejs.org/u/mstudio)
#### Post date: [April 28, 2019, 1:43pm UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275/1 "2019-04-28T13:43:26Z")

</div>

I trying to make something like here [https://sketch.london](https://sketch.london/)  
I mange to create the objects and link them to pages.  
I want to open the links on the same window and make the objects move like the example  
This link is the example [http://mstudio.co.il/spin/index4.html](http://mstudio.co.il/spin/index4.html)

---

<div class="post-metadata">

### Author: ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)
#### Post date: [April 29, 2019, 9:27am UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275/2 "2019-04-29T09:27:23Z")

</div>

A minimalistic showcase could look like so: [https://jsfiddle.net/m7j1qstp/1/](https://jsfiddle.net/m7j1qstp/1/)

The idea is to arrange the objects in a circular fashion and update their rotation in the render loop. You then use `OrbitControls` and set `autoRotate` and `enableDamping` to true. By modifying parameters like `autoRotateSpeed`, you can define the speed and sensitivity of the controls.

---

<div class="post-metadata">

### Author: ![mstudio](https://avatars.discourse-cdn.com/v4/letter/m/919ad9/32.png) [@mstudio](https://discourse.threejs.org/u/mstudio)
#### Post date: [April 29, 2019, 12:56pm UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275/3 "2019-04-29T12:56:29Z")

</div>

Thanks it help a lot , it work nice.  
I manage to use texture instead of the colors.  
I also manage to get the links works as I want.  
The only thing I missing is the text.  
I believe it is something with “mousemove” but I do not how to target the right object and show the text.  
Can I add text to object and show it when hover?  
How I can target the CSS?  
This is what I got [http://mstudio.co.il/spin/rotate.html](http://mstudio.co.il/spin/rotate.html)

---

<div class="post-metadata">

### Author: ![mstudio](https://avatars.discourse-cdn.com/v4/letter/m/919ad9/32.png) [@mstudio](https://discourse.threejs.org/u/mstudio)
#### Post date: [May 28, 2019, 8:37am UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275/4 "2019-05-28T08:37:13Z")

</div>

This can be close

---

<div class="post-metadata">

### Author: ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)
#### Post date: [May 28, 2019, 9:47am UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275/5 "2019-05-28T09:47:14Z")

</div>

Topics can not be closed similar to github.

---

<div class="post-metadata">

### Author: ![mstudio](https://avatars.discourse-cdn.com/v4/letter/m/919ad9/32.png) [@mstudio](https://discourse.threejs.org/u/mstudio)
#### Post date: [May 28, 2019, 10:13am UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275/6 "2019-05-28T10:13:44Z")

</div>

Thanks, I mark it as solved?

---

<div class="post-metadata">

### Author: ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)
#### Post date: [May 28, 2019, 10:26am UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275/7 "2019-05-28T10:26:10Z")

</div>

You can only this by putting [Solved] in the topic’s title. But that is not really necessary 😉

---

<div class="post-metadata">

### Author: ![mstudio](https://avatars.discourse-cdn.com/v4/letter/m/919ad9/32.png) [@mstudio](https://discourse.threejs.org/u/mstudio)
#### Post date: [May 28, 2019, 11:12am UTC](https://discourse.threejs.org/t/how-to-make-a-carousel/7275/8 "2019-05-28T11:12:23Z")

</div>

Great, thanks for help 🙂
