TechDRILLJavaScriptjQueryでスライドショーを作ってみよう!今回は段階を踏んだ課題にチャレンジしていきながら簡単な画像のスライドショーを実装してもらいます。スライドショーは色々なサイトで使われていて、普段目にすることは多いと思いますがそれが実際はどのように動いているのか、までを把握している人はすくないと思います。仕組みを知ることでpluginのカスタマイズや、自作にも役立ちますので、ぜひ取り組んでみてください。・上に画像の縮小画像一覧が並んでいる。・上の画像をクリックすると、クリックした画像が下の表示スペースに表示される。・[前へ]ボタンをクリックすると、前の画像が下の表示スペースに表示される。・[次へ]ボタンをクリックすると、次の画像が下の表示スペースに表示される。・下の表示スペースに表示されている画像だけ、強調表示される。準備1.下のリンク先からslidesshow.zipをダウンロードしてください。slidesshow.zipを解凍して任意の場所にslidesshowディレクトリを置いてください。slidesshowディレクトリの中に以下のファイルが入っていることを確認してください。img)がクリックした画像に切り替わるようにしてください。2index.htmlを以下のように変更してください。img)が次の画像切り替わるようにしてください。縮小画像一覧をクリックした際の挙動にも注意してください。3index.htmlを以下のように変更してください。1.0を当てて強調表示をするようにしてください。学んでみよう!変数、関数、console.logなどの基本的な文法を学ぶことができます。☓TechDRILLについてのご意見・ご要望ご返答を要するお問合せの場合には、メールアドレスを記載の上ご連絡下さい。