2011.04.27 Wednesday
yuga.jsのカスタマイズ
yuga.jsでthickboxが効かない例があったのでメモ。
デフォルトのソースのままだと、画像ファイルの拡張子が大文字の場合にthickboxが適用されてなかった。
yuga.jsのソースのthickboxの部分
//画像へ直リンクするとthickboxで表示(thickbox.js利用)
thickbox: function() {
try {
tb_init('a[href$=".jpg"]:not(.thickbox, a[href*="?"]), a[href$=".gif"][href!="?"]:not(.thickbox, a[href*="?"]), a[href$=".png"][href!="?"]:not(.thickbox, a[href*="?"])');
} catch(e) {
}
},
のところを
tb_init('a[href$=".jpg"]:not(.thickbox, a[href*="?"]), a[href$=".gif"][href!="?"]:not(.thickbox, a[href*="?"]), a[href$=".png"][href!="?"]:not(.thickbox, a[href*="?"]),a[href$=".JPG"]:not(.thickbox, a[href*="?"]), a[href$=".GIF"][href!="?"]:not(.thickbox, a[href*="?"]), a[href$=".PNG"][href!="?"]:not(.thickbox, a[href*="?"])');
に書き換えるだけで大文字の拡張子でも無事動くようになりました。めでたしっ!
参考URL http://www.dokuritsu-kigyo.net/blog/2009/10/jqueryyugajsthickbox.html
というわけで超が1万回つくほど久しぶりにブログを更新しましたです。はい。
デフォルトのソースのままだと、画像ファイルの拡張子が大文字の場合にthickboxが適用されてなかった。
yuga.jsのソースのthickboxの部分
//画像へ直リンクするとthickboxで表示(thickbox.js利用)
thickbox: function() {
try {
tb_init('a[href$=".jpg"]:not(.thickbox, a[href*="?"]), a[href$=".gif"][href!="?"]:not(.thickbox, a[href*="?"]), a[href$=".png"][href!="?"]:not(.thickbox, a[href*="?"])');
} catch(e) {
}
},
のところを
tb_init('a[href$=".jpg"]:not(.thickbox, a[href*="?"]), a[href$=".gif"][href!="?"]:not(.thickbox, a[href*="?"]), a[href$=".png"][href!="?"]:not(.thickbox, a[href*="?"]),a[href$=".JPG"]:not(.thickbox, a[href*="?"]), a[href$=".GIF"][href!="?"]:not(.thickbox, a[href*="?"]), a[href$=".PNG"][href!="?"]:not(.thickbox, a[href*="?"])');
に書き換えるだけで大文字の拡張子でも無事動くようになりました。めでたしっ!
参考URL http://www.dokuritsu-kigyo.net/blog/2009/10/jqueryyugajsthickbox.html
というわけで超が1万回つくほど久しぶりにブログを更新しましたです。はい。
