シンプルなものから一風変わったスライダーまで実装できる高機能なjQueryスライダー「Slider Pro」 | TechMemo
Slider Proは、非常に高機能なスライダーのjQueryプラグインで、シンプルなものから一風変わったスライダーまで実装可能です。 デモは公式サイトで確認できます。 デモページを見る 今回は、Slider Proの導入手順について紹介いたします。本当に機能が豊富で、かなり凝ったスライダーを実装できますよ。 ステップ1. Slider Proのダウンロードとファイルの設置 まずは公式サイトからSlider Proをダウンロードします。公式サイトにアクセスすると、下の方に「Get the jQuery plugin」というのがありますので、[Download]をクリックします。 Slider Proをダウンロードしたら、以下のファイルをサーバーの適当な場所にアップロードします。 dist/js/jquery.sliderPro.min.js dist/css/slider-pro.min.
position:absolute;やposition:fixed;で要素をきれいに中央配置する方法 | TechMemo
ある要素をposition:absolute;やposition:fixed;で配置する場合、topやleftで要素の位置を調整しますが、要素の左上が指定された位置に配置されます。なので、以下のようにtopとleftを50%にしてもきれいに中央に配置することはできません。 <div id="neko"> <img src="neko.jpg" /> </div> #neko img{ position:fixed; top:50%; left:50%; } このようにCSSで指定した場合、画像の左上が中央になるため、画像自体は中央からずれてしまいます。 今回は、このような場合に画像などの要素をきれいに中央配置する方法を紹介します。positionプロパティの詳細については、要素を柔軟に配置するプロパティ「position」をご参照ください。 position:absolute;やposit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
