幻灯片放映的多个图像

时间:2017-12-14 08:42:15

标签: show slide

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

slide show i'd like to code

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

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我在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>