其實只是想記下來, 每次都忘記。
Posts Tagged ‘jQuery’
thickbox 停止維護 2
最近因為 thickbox 在 ie7 下的 position 問題, 到處 google solution, 心中想說這個問題不是早該處理掉? 而且 thickbox 也超久沒 release 新版, 感覺怪怪的。 不過今天下午為了查某個功能才發現 thickbox 的網頁上寫著不在繼續維護了。 ( 雖然我發現的有點晚, 網頁上註記著 9.30 )
其實我個人還滿喜歡 facebox 的, 雖然說 facebox 在 github 上也一直沒有啥動靜 XD 不過 facebox 沒有 iframe 的功能, 所以有 iframe 的需求都還是用 thickbox。 本來除了 thickbox 只知道 fancybox, 不過 thickbox 的網頁上除了寫上停止維護之外, 還列出了以下這些可替代的方案。
其實我個人 fancybox 比較適合用來秀圖片, 所以不考慮, 就看了 shadowbox 跟 colorbox, 後來覺得 colorbox 滿不賴的說, 試了一下, 可以做到我想到的某個功能, 使用上感覺很不錯 (笑) 看來, 再測過 ie 之後如果沒有啥大問題, 是該把手上的 thickbox 都換掉了 :p
Neat word clock with jQuery 1
我覺得這個設計真是很棒, 用 jQuery 加上一點 code, 簡單的設計, 可是超精美的! :D [ 連結 ]
解決透明 png 在 ie 6 下的問題: jQuery pngFix 2
透明 png 在 ie 6 下面的問題真的是很糟糕, 以前挑戰過好幾次, 不過每次都不成功, 到最後, 我只好把 png 一個一個轉成 gif 。 Orz 幸好今天挑戰成功了! 應該是因為有 Leo Lin 跟 othree 這兩位大大的指導跟關心, 所以問題全都迎刃而解了 XD
anyway, 基本上就是用 jQuery 的外掛, jQuery pngFix, 就可以解決了, 可能我之前一直搞錯, 沒認真看文件吧 Orz
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.pngFix.pack.js"></script>
<script type='text/javascript'>
$(function(){
$(document).pngFix();
});
</script>
我之前好像是寫成下面這樣才失敗的…
$('img').pngFix();
實例可以看看 stickeraction 的 nav bar :p
用 javascript 限制圖片大小 0
ie 都不支援 max-width 這種東西, 真的是很頭大, 所以只好想說用 javascript 來做 max-width 跟 max-height 這個工作, 所以就寫了下面這一段。 只是好像有些圖片還是縮不到, 所以… 最後我還是用 php 來作這個動作了, 以下只是個記錄 Orz
$(function(){
var limit = 120;
s = $('#stickers img');
$.each(s, function(i, n){
var w = $(n).width();
var h = $(n).height();
//
if (w > h) {
if (w > limit) {
var d = w - limit;
var r = h / w;
var nw = w - d;
var nh = h - d * r;
$(n).width(nw);
$(n).height(nh);
}
} else {
if (h > limit) {
var d = h - limit;
var r = w / h;
var nh = h - d;
var nw = w - d * r;
$(n).width(nw);
$(n).height(nh);
}
}
});
});
