�最近、jQueryを使ったカッコいい画像のスライドショーやコンテンツのスライダーが めちゃめちゃ増えてきていますね。 ネットで検索したらたくさんありすぎてびっくりしました。 そこで、今日は(最近流行ってる?)ミライデンシのHPにも使っている ブラウザウィンドウ画面の幅をめいっぱい使って コンテンツ要素をスライドさせて魅せるコンテンツスライダーを僕が作った方法で紹介します。 jQueryでコンテンツがつながっているダイナミックなスライダーの作り方 サンプル ミライデンシのHPで言うとこの部分ですね。 スライダーの中心にメインを表示するエリアを設置して その前後の画像は左右に透過させたような形で スライド要素をブラウザ枠めいっぱいに並べて配置しています。 さらにその左右の透過部分は、それぞれ「NEXT」「BACK」ボタンになっているので クリックすると一枚ずつ移動するようになっています。 動
![【jQuery】画面の幅をいっぱいに使ったダイナミックなスライダーの作り方](https://cdn-ak-scissors.b.st-hatena.com/image/square/7edd41b97ebbe8392c03498db45856955b488d6d/height=288;version=1;width=512/https%3A%2F%2Fwww.miraidenshi-tech.jp%2Fwp-content%2Fuploads%2F2014%2F03%2F5f39bde1f294827f1c96daaeb40885fc.png)