Posted: 2011.12.01 / Category: javascript / Tag: jQuery, アニメーション Appleサイトのスライダー(カルーセル?)は画像がばらばらに切り替わるのでとてもクールですね。 ということで、動きはあまり再現されていないのですが、それっぽいのを作ってみました。 使い方 こんな感じでマークアップします。 リストの数だけボタンを作成してください。 「id=arrow」という画像はボタンを追尾する画像です。 html <div id="slider"> <div id="thum"> <ul> <li><img src="img/01.png" width="128" height="128" /></li> <li><img src="img/02.png" width="128" height="128" /></li> <li><img s
![jQuery製ばらばらに切り替わるApple風スライダー](https://cdn-ak-scissors.b.st-hatena.com/image/square/0afd19a504cb8688a4ad129c070b5431d5ef8d97/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2011%2F12%2F111130_s.jpg)