html中怎么实现当鼠标移动到一张图片上后，在另一个div中显示与之相符的段落？

就是当我把鼠标移到左边的图片上以后，右边的div则显示该图片的信息？
（左边是一个轮播图，右边我想介绍每张图片的信息，但又不能让每张图的信息都同时显示在右边）

左边的图片布局你怎么写的，右边你也怎么写，主要根据下标来实现。然后给右边的加上隐藏效果，把左边的轮播图加上hover事件，得到当前展示图片的下标，然后根据
这个左边的下标显示右边对应的信息；

和图片一样写几个div和图片一一绑定，控制显示就行了，就像图片上面的圆点一样

样式跟像 小圆点 一样, 然后这个div默认为隐藏状态 , 鼠标移入后显示 :hover{display:block;}