jQueryで簡単に文字サイズを切り替えて保存する方法

jQueryで簡単に文字サイズを切り替えて保存する方法

が紹介されていたのでメモ

JQでスタイルシートを切り替えるだけ。この方法なら

文字サイズだけじゃなくて違う仕組みにも使えそう

以下引用です。

A Simple jQuery Stylesheet Switcher

<ul id="nav">
<li><a href="#" rel="/path/to/style1.css">Default CSS</a></li>
<li><a href="#" rel="/path/to/style2.css">Larger Text</a></li>
<li><a href="#" rel="/path/to/style3.css">Something Different</a></li>
</ul>

//ＪＱで切り替え

$(document).ready(function() {
$("#nav li a").click(function() {
$("link").attr("href",$(this).attr('rel'));
return false;
});
});

//クッキーで保存

if($.cookie("css")) {
$("link").attr("href",$.cookie("css"));
}

$(document).ready(function() {
$("#nav li a").click(function() {
$("link").attr("href",$(this).attr('rel'));
$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
return false;
});
});

jquery imgタグでLightbox風の拡大表示をさせる「Fullsize」

[JS]img要素の属性で画像をLightbox風に拡大するスクリプト -Fullsize

ちょっと良い感じのスクリプトを発見

画像の拡大表示には最近Lightboxを使っているが

これはaタグを使ってやる。

これだとクリックしてページに飛ばすことが難しい。

そこで、imgタグでLightbox風の拡大表示をさせる「Fullsize 」

を使うと簡単にできる。

fullsize

jQueryでhtmlのフォームを簡単に整列させる方法

ちょっと使えるテクニックが紹介されていたのでメモ

綺麗に整列させるのって以外に手間なんですよね。

これを使えば楽にできます。

Justify elements using jQuery and CSS

labelの横幅を一番長いサイズに合わせてます。

以下引用です。

$(document).ready(function() {
var max = 0;
$("label").each(function(){
if ($(this).width() > max)
max = $(this).width();
});
$("label").width(max);
});