Question

我正在尝试制作幻灯片（html / css / javasacript /无论有用）以获得类似的内容：

右/左两个箭头显示更多图像（一次显示的最大图像为4）。

我在w3school上看到了一些教程，但不幸的是，这并不是我想要的。

感谢您的帮助！

Answer 1

我在https://www.w3schools.com/howto/howto_js_slideshow.asp找到了这个我更改了它，以便它可以显示多个图像。

<div class="mySlides fade">
  <div class="numbertext">1 / 3</div>
  	<img src="player.jpg" style="width:25%">
	<img src="Untitled.jpg" style="width:25%">
	<img src="Lighthouse.jpg" style="width:25%">
	<img src="Untitled.jpg" style="width:25%">
  <div class="text">1, 2, 3, & 4</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">2 / 3</div>
    	<img src="Untitled.jpg" style="width:25%">
	<img src="Untitled.jpg" style="width:25%">
	<img src="Lighthouse.jpg" style="width:25%">
	<img src="player.jpg" style="width:25%">
  <div class="text">5, 6, 7, & 8</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">2 / 3</div>
    	<img src="Untitled.jpg" style="width:25%">
	<img src="Untitled.jpg" style="width:25%">
	<img src="Lighthouse.jpg" style="width:25%">
	<img src="player.jpg" style="width:25%">
  <div class="text">5, 6, 7, & 8</div>
</div>

幻灯片放映的多个图像

1 个答案: