jQueryプラグイン
複数設置のslickでオリジナルの矢印アイコンを設置する
複数設置のslickでオリジナルのナビゲーションを設置し、それぞれ別に動かす方法です。 JavaScript var $sliders = $(“.slide_list”); var $arrows = $(‘.arro…slickで最初の画像以外を遅延読み込みにする
slickではlazyLoadオプションが標準で用意されています。 slickのスライドですべての画像を一度に読み込むとページ表示完了までに時間がかかってしまいます。 そんなときこのlazyLoadオプションを利用するこ…jQueryで動的に作成されたDOM要素にアクションを追加する
lightboxのウインドウで別のjQueryプラグインのアクションを実行したかったのですが、lightboxのウインドウは動的に作成されているため、普通の記述では効きませんでした。 以下の記述で無事実行できましたのでメ…jQueryでweb上の画像にPhotoshopのトーンカーブ設定を適用する方法
そんな魔法みたいなことが、jQuery filter.meというjQueryプラグインで実現できます。 サンプルはこちら 簡単さでは前回の読み込むだけで画像にInstagramのような加工ができるCSSライブラリ「CSS…iCheck利用時のチェックの判定による動作の切り替え
たとえばWordPressの記事公開のボタンが押された際に、iCheck利用のチェックボックスにチェックが入っているかどうかを調べて、入っていない場合はjQuery Validateを動かすためにrequiredクラスを…WordPressでMasonry＋Infinite scrollを利用する２（手動＆改善）
以前もかいたことがあるのですが、以前の方法では読み込み中のローディング表示にずれが生じていましたので変更しました。 また、自動ではなく手動で読み込むようにしてみました。 functions.php リンクボタンに特定のク…
jQuery BabySteps スライド切り替え時に処理を加える
このプラグインでは、以下の用意されている関数で２つの用意したスライドを遷移できるようにしてくれます。 // slide1とslide２は紐付けたいスライドのセレクタを指定 var slide１ = $(‘#hoge1’)…