タグ

2014年11月9日のブックマーク (2件)

  • 【CSS】スタイルシートを使って画像(IMG)を中央揃えにする方法。 – 和洋風KAI

    imgに埋め込んだclassを使って画像を中央揃えする方法。 imgタグに埋め込んだclassを使って中央揃えする場合は、こう書くと出来ます。 <img src="icon.jpg" class="appIconBig" /> .appIconBig{ display: block; margin-left: auto; margin-right: auto; } imgをブロック要素にしてからmargin指定を書くことで中央揃えに出来ます。(display:block;をmarginより先に書くのがコツ。) imgをdivで囲って画像を中央揃えする方法。 先ほどの方法を使いたくない場合は、imgをdivで囲ってdivにCSSを指定すると上手く中央揃えが可能です。 <div class="center"><img src="icon.jpg" /></div> .center{ text-

  • 【jQuery】超万能スライダー FlexSlider の使い方をマスターする。 - ONZE

    今日紹介するのは jQuery プラグインの[FlexSlider]です。 これ、かなり便利です。 レスポンシヴ対応、タッチコントロールのフリックスライドにも反応、カルーセルもOK、画像にリンクを貼ることはもちろん、キャプションも表示可能、動画もスライドできる、コントロールボタンやナヴィゲーションも細かく設定できる…。まさに“超万能”のスライダー。 とにかく「なんでもできる」印象で、スマートフォン対応サイトなどでは特に真価を発揮するのではないでしょうか。 まずはサンプルをご覧ください。 【FlexSlider】→サンプルデモ 高機能ですが、その導入方法は比較的簡単です。 [FlexSlider]の導入方法 まずは以下のサイトから[FlexSlider]のプラグイン体をダウンロードします。 http://flexslider.woothemes.com 続いて <head>〜</head>

    【jQuery】超万能スライダー FlexSlider の使い方をマスターする。 - ONZE