先週、授業中にやったjQueryを使ったシンプルなスライドショーです。 スライドショーは3週に分けて少しずつバーションアップしていきます。 スライドショーの動作イメージ スライドショーの動作イメージは、次のような感じです。 あらかじめスライドに使用する画像を用意して、jQueryを使って表示・非表示を切り替えていきます。 実際に作ってみよう! まずはHTMLです。 <div id="wrap"> <p id="pic1"><img src="jQuery.png" alt="jQuery"></p> <p id="pic2"><img src="HTML5.gif" alt="HTML5"></p> <p id="pic3"><img src="CSS3.png" alt="CSS3" ></p> </div> 実際は色々な方法があり、その方法によってマークアップも変わってきます。今回はp
![jQueryを使ったシンプルなスライドショーの1回目はフェードイン・フェードアウトのみ(全3回) | WEB-LABO](https://cdn-ak-scissors.b.st-hatena.com/image/square/98f2f351ce9f7eaffb301c9041cf6ec88aaba63a/height=288;version=1;width=512/http%3A%2F%2Fwww.web-labo.jp%2Fwp-content%2Fuploads%2F2014%2F10%2F20141021techweb_slide1.png)