2017-12-14 9 views
0

:右/左にある2つの矢印で複数の画像のようなもの得るために(HTML/CSS/javasacript /作品何でも)私はスライドショーを作成しようとしている

slide show i'd like to code

をより多くの画像を表示することができます(一度に表示される最大画像数は4になります)。

私はw3schoolでいくつかのチュートリアルを見ましたが、残念ながらそれは私が望むものではありません。

ありがとうございました!

+0

これは本当に問題ではありません。なんでしょう? –

+1

私は実際にこれはかなり良い見えます:http://materializecss.com/carousel.htmlどのように私は私のページにそれを統合することができますか? jsファイルを作成する必要がありますか? –

答えて

0

私がこれを見つけましたhttps://www.w3schools.com/howto/howto_js_slideshow.asp 複数の画像を表示できるように変更しました。

<div class="mySlides fade"> 
 
    <div class="numbertext">1/3</div> 
 
    \t <img src="player.jpg" style="width:25%"> 
 
\t <img src="Untitled.jpg" style="width:25%"> 
 
\t <img src="Lighthouse.jpg" style="width:25%"> 
 
\t <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> 
 
    \t <img src="Untitled.jpg" style="width:25%"> 
 
\t <img src="Untitled.jpg" style="width:25%"> 
 
\t <img src="Lighthouse.jpg" style="width:25%"> 
 
\t <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> 
 
    \t <img src="Untitled.jpg" style="width:25%"> 
 
\t <img src="Untitled.jpg" style="width:25%"> 
 
\t <img src="Lighthouse.jpg" style="width:25%"> 
 
\t <img src="player.jpg" style="width:25%"> 
 
    <div class="text">5, 6, 7, & 8</div> 
 
</div>

関連する問題