HTML中照片滑动的实现方式很多，其中一种比较简单的方式是通过CSS样式和JavaScript代码来完成。下面我们来看一下具体的实现方法。 首先，在HTML代码中需要创建一个包含图片的容器，可以使用 div 标签或者 ul li 标签嵌套 img 标签来实现。例如：

<div id="slider">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
</div>

其次，在CSS样式中设置好容器的宽度和高度、图片的宽度和高度，并设置图片的 float 属性，使得图片在同一行上排列。还可以设置容器的 overflow 属性为 hidden，以便于隐藏容器之外的图片。

<style>
#slider {
width: 600px;
height: 400px;
overflow: hidden;
}
#slider img {
width: 600px;
height: 400px;
float: left;
}
</style>

然后，使用JavaScript代码来实现图片的滑动，可以通过设置容器的 marginLeft 或者 transform 属性来实现。例如，使用 marginLeft 实现图片向左滑动：

<script>
var slider = document.getElementById("slider");
var count = 0;
function slide() {
count++;
if (count > 2) {
count = 0;
}
slider.style.marginLeft = "-" + count * 600 + "px";
}
setInterval(slide, 3000);
</script>

其中，count 变量用来记录当前显示的图片编号，slide 函数用来实现滑动效果。在 setInterval 函数中，调用 slide 函数，每隔 3000 毫秒调用一次。 以上就是一个简单的 HTML 照片滑动效果的实现方法。通过组合 CSS 样式和 JavaScript 代码，可以实现更加丰富的照片滑动效果，例如淡入淡出、缩放等。