タグ

cssとjqueryに関するkisa_yoshiのブックマーク (2)

  • FlexSlider.jsサムネイル、カルーセル対応の軽量スライダー

    上記、記事で紹介したイメージスライダーですが、使い勝手が良さそうなので別のサンプルを紹介したいと思います。 日は、サムネイル表示とカルーセル表示の2通り使い方のサンプルを紹介しますね。 2013.9.20 追記しました サムネイル表示・カルーセル表示 両方に対応したスライダー「FlexSlider.js」サムネイル表示、カルーセル表示と言われてもどんなイメージかわからない方もいるかもしれません。 例えば、こちらのショップ スマホケースのHameeストラップヤ ショップオブザイヤー2012で 「TV・オーディオ・カメラ」ジャンル賞を受賞しているショップ ↓↓↓のエリアを見てもらうと大きめのメイン画像がスライドして入れ替わっています。 先日もメイン画像が切り替わる仕組みとして紹介しましたが、メイン画像の下に小さい画像(サムネイル画像)を表示しているパターンです。 こちらは、複数の商品画像を並

    FlexSlider.jsサムネイル、カルーセル対応の軽量スライダー
    kisa_yoshi
    kisa_yoshi 2014/05/09
    jQueryスライダー参考
  • CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

    Webデザインをしていると、HTMLCSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦

  • 1