今日は軽快に動作するレスポンシブ対応スライダー[Juicy Slider]を紹介します。 この[Juicy Slider]では、ブラウザの CSS3 のサポートに依存している他のjQueryスライダーとは異なり、画像のアスペクト比を JavaScript を使って計算することで、古いブラウザとの互換性が高まり、より多くのデバイスで同じように表示されるようになっています。 最新のブラウザはもちろん、IE8、IE9、IE10 にも対応していますね。 また画像が切り替わるときのエフェクトの一部を jQuery UI に依存させることで、本体の[Juicy Slider]の容量を軽く抑えています。 以下[Juicy Slider]の設置方法です。 必要なファイルをダウンロード 使用するファイル一式は公式サイトからダウンロードしてきます。 Juicy Slider : http://redslim.
![【jQuery】超軽量レスポンシブ・スライダー[Juicy Slider]の使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/8cfe8ba1485b246e5db7738a6370188185aee66d/height=288;version=1;width=512/https%3A%2F%2Fon-ze.com%2Fwordpress%2Fwp-content%2Fthemes%2Fonze-2022%2Finc%2Fthumbnail%2F600x360x80-160077291417bc341591689c9e2a25a5-juicy-slider-tiny.png)