jQuery lazy load pluginは jQueryを利用して画面外の画像読み込みを遅延させます。
イメージを大量に張っている記事なんかはこの処理を行うことで、ページの読み込みがスムーズになります。

しかし、利用しているテーマが自作だったりすると、テーマ内で既にjQueryを埋め込んでいる場合があります。
jQuery lazy load pluginは、デフォルトの設定だと既存のjQueryとは別のjQueryを読みに行ってしまいますので、jQueryの競合を起こして不具合につながります。

以下に解決方法をメモしておきます。

(さらに…)

ユーザがコピーするだけのテキストエリアならば、ユーザビリティを考えるとクリックした時点で全選択されると嬉しいですよね。
これはJavascriptを使えば簡単に実装できます。

(さらに…)

iOSやAndroidに搭載されているモバイルSafariではposition:fixedが利用できません。
position:fixedを再現するためにはjavascriptを使うのが楽ちんです。javascriptのライブラリではYUIや有料版のSencha Touchというものがあるらしいですが、今回はiscroll.jsを利用します。

(さらに…)

今回はjQueryで簡単にアニメーションしてみます。

当サイトのヘッダーメニューで使用しいる背景色フェード

コードは下記の通り

$(function() {
	 $('#任意の要素名').hover(
		function(){
			$(this).stop().animate({backgroundColor: '#FF9900'},100);
		},
		function () {
			$(this).stop().animate({backgroundColor: '#000000'},300);
		}
	);
});

ただ、jQueryのアニメーションはコアファイルのみだと数値をもたないbackgroundColor等をサポートしておりません。
別途jQuery.color.jsをダウンロードして利用してください。

bgSwitcher

このプラグインの特徴は

• クロスフェード
• 背景要素の切り替え
• 設定項目が豊富

といったところでしょうか。

背景スライドショーによく使われる「maximage」よりも断然使いやすいと思います。
一度お試しあれ～。

デモ

(さらに…)