どのようにjsのスライドボタンを作る

Question

ちょっと私はCSSのスライダーで作業していますが、CSSではjsなしでうまくいきますが、スライダーのナビゲーションボタン用のjsスクリプトを作りたいと思います。左または右のボタンをクリックしてコンテンツを左または右にスライドさせることができます。ループを作成する必要があります。ボタンを1回クリックすると、毎回100％左または右にコンテンツをスライドする必要があります。最大幅は1000％です。誰もがこの

<div class="slider-10"> 
<div class="slider-box" style="width: 1000%"> 
<img src="img/image-1.jpg" /> 
<img src="img/image-2.jpg" /> 
<img src="img/image-3.jpg" /> 
<img src="img/image-4.jpg" /> 
<img src="img/image-5.jpg" /> 
<img src="img/image-6.jpg" /> 
<img src="img/image-7.jpg" /> 
<img src="img/image-8.jpg" /> 
<img src="img/image-9.jpg" /> 
<img src="img/image-10.jpg" /> 
</div> 
</div> 

のために私を助けてください、私は、このセクションをスライドしたいことができ、私がスライドするコンテンツ：

<div class="slider-box" style="width: 1000%"> 
    <img src="img/image-1.jpg" /> 
    <img src="img/image-2.jpg" /> 
    <img src="img/image-3.jpg" /> 
    <img src="img/image-4.jpg" /> 
    <img src="img/image-5.jpg" /> 
    <img src="img/image-6.jpg" /> 
    <img src="img/image-7.jpg" /> 
    <img src="img/image-8.jpg" /> 
    <img src="img/image-9.jpg" /> 
    <img src="img/image-10.jpg" /> 
    </div> 

私を助けてくださいあなたはdiv要素内の任意のimgを設定することができます

Answer 1

はその後、jsファイル内の関数を宣言し、EXのためonclickイベントでそれを呼び出すすべてのimgタグの1 divを意味します。右ボタンをクリックして関数に1を送信し、1を左に-1。 次に、表示するすべてのdivのクラスを追加できます。