bxsliderで2枚目以降の画像もブラウザ幅いっぱいに表示してみる。 | らうんじ
もともとbxsliderにはカルーセル表示をすることができるオプションがあるんですがコンテンツの幅を固定、またはmax-widthを指定してある場合、少し工夫をしてあげないとうまくいきませんでした。それからnext/prevのアイコンをクリックするとスライドショーが停止して動かなくなるという現象が起きていたので動くように変更しました。 以下サンプルページ http://gallery-lounge.com/demo/bxslider/ bxslider head bxsliderを自分のサーバーへアップロードし以下記述。easingを適用するならダウンロードしたファイル内にあるeasingファイルもアップロードしてください。 ※ファイルパスはご自身の環境に合わせて記述。 <script src="../js/jquery.bxslider.js"></script> <script src
[JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js
エレメントの高さ（height）、幅（width）だけでなく、outerHeight, innerHeight, outerWidth, innerWidthのサイズを揃えるjQueryのプラグインを紹介します。 デモ：幅 equalize.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/equalize.js" type="text/javascript"></script> Step 2: HTML HTMLは適用する要素を内包するラッパーを用意します。 下記はデモの高さを揃える方のHTMLです。 <div id="heigh
要素の幅サイズをすべて取得する方法のメモ【jQuery】
要素の幅を取得したい時に、jQueryではwidth()でその要素の幅を取得することができます。（時と場合によっては、outerWidth()やinnerWidth()を使います。） 例えばですが、下記図のようなトピックパスのリスト（li要素でマークアップした場合）の幅を取得したい場合には下記のように書きます。 jQuery(function($) { $("#topic-path li").width(); }); しかし、width()は該当する要素の最初にマッチした要素の幅しか取得するができません。なので、一番最初の【ホーム】と書かれている要素しか取得することができません。 そこで、すべての幅を取得するためには以下のことを行います。 取得した幅サイズを格納するために配列を作る 幅取得のために繰り返し処理 取得した幅サイズを配列に加える 取得した幅サイズを格納するために配列を作る 取得
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
