创建幻灯片，其中包含嵌入手机中的图像，就好像它们是截图一样

Question

我正在尝试制作图片幻灯片。这些图片将是Android手机的截图，然后我想要手机的实际图片来循环浏览这些图像，就好像它们是手机上显示的一样。

所以这将是一个带有应用程序图像的手机幻灯片。

对此的任何帮助都会很棒。我能够创建一个简单的幻灯片，其中三个图像每2秒更换一次，但我只是希望这些图像位于手机图像之上。

这是我到目前为止所拥有的：

Answer 1

Yu需要一个手机图像，屏幕部分被切掉。将手机另存为PNG文件，以使屏幕剪切部分变得透明。然后，您需要将PNG放在HTML文档中。并为PNG提供一个具有样式属性的类

position: absolute;
width: xxx px;
height:xxx px;
top:xxx px;
left:xxx px;
z-index: 2;

显然，将上面的xxx值调整为您的资产和屏幕上的位置。基本上，部分透明的PNG将使用正确的z索引位于幻灯片上。根据需要增加z索引。