在網頁中加入 icon 小圖示

在網頁中加入icon (如圖)

1.
製作一個16*16px 或 32*32px 的圖片,將圖片轉存成 icon格式,但icon的圖片格式必需為.icon的格式,其餘檔案格式則無法正確顯示icon,圖片轉存 icon 的方式請見文章下方延伸閱讀。

2.
在 head 中加入下方link標籤,紅色為 icon 圖片路徑,相對路徑絕 / 對路徑都可,但icon的圖片格式必需為.icon的格式,其餘檔案格式則無法顯示icon

<head>
    <link href=”templates/img/icon.ico” rel=”Shortcut Icon” type=”image/x-icon”></link>
</head>

延伸文章:
Photoshop支援ico檔 – Photoshop直接另存ico檔

[……]

閱讀更多

Photoshop支援ico檔 – Photoshop直接另存ico檔

網頁中要加入icon小圖示的HTML語法,請見文章下方延伸文章。

1.下載 PS ico編碼的 plug-in
http://www.telegraphics.com.au/sw/
選擇PS的版本下載32bit/64bit都有支援

2.
解壓縮後複製 ICOFormat64.8bi 檔
貼到 C:Program FilesAdobeAdobe Photoshop CS6 (64 Bit)Plug-ins ( 以Photoshop CS6為例 )。
有的版本資料夾名稱可能是 ( 增效模組 或 Plug-ins )

3.
完成後請重新啟動Photoshop,在另存新檔的地方就有.ICO的檔案格式了。

[……]

閱讀更多

jQuery MaxImage 2.0 random option not randomizing the first image 第一張圖無法隨機

在MaxImage 2中幻燈片切換的特效是使用jQuery Cycle Plugin,
而在MaxImage 2下載的Demo中引入的是jQuery Cycle Version: 2.9998版本,
第一張圖無法隨機,應該是jQuery Cycle Version: 2.9998版的bug,
更新jQuery Cycle Plugin至最新版本就可以解決^^

Should be a bug
Please download the latest version
jQuery Cycle Plugin
http://jquery.malsup.com/cycle/download.html

[……]

閱讀更多

jQuery Cycle Plugin random option not randomizing the first image 第一張圖無法隨機

應該是bug, dowload最新版本即可解決

Should be a bug
Please download the latest version
jQuery Cycle Plugin
http://jquery.malsup.com/cycle/download.html[……]

閱讀更多

href=”javascript:void(0);” 設定無作用連結 – a 標籤 href 不作任何動作

有時候我們需要用a標籤去綁定一些Javascript or JQuery事件,不是真的要做為連結之用,但是a標籤又必需設定 href , 這時大部份人就會在href加#號,但其實加#號仍然是連結,等同換了另一頁,網址末端也會加上#號(如:http://www.aaa.com#),這並不是最理想的狀況,我們不希望它做任何動作,以下寫法a標籤緊會執行javascript的事件,除此之外不會有其他動作。我們也可以比較以下兩種寫法的差異。

javascript 寫在行內

<!-- A標籤還是有動作 -->
<a href="#" onclick="alert('hello')">沒有作用</a>

<!-- A標籤不會有任何動作 -->
<a href="javascript:void(0);" onclick="alert('hello')">沒有作用</a>

jQuery解法

html:

<a href="#">沒有作用</a>

jQuery

/**
* VECTOR COOL
* https://vector.cool
*/
$(document).ready(function(e) {
    $('a').click(function(e){
	e.preventDefault();
    });
});

 [……]

閱讀更多

JQuery 1.9+ 之後 $.browser 無法使用(解決方法)

官網文件上指出 jQuery.browser 這物件在 jQuery 1.9 中被刪除,現在只能用 jQuery.migrate plugin. 才有辦法使用,如果我沒說錯的話 jQuery.migrate plugin. 就是新舊版本交替,可能會產生很多問題的一個過渡的工具,不然以前使用 jQuery.browser 判斷瀏覽器寫出來的plugin不就都死光光,我剛試了一下,加上jQuery.migrate plugin.就沒問題,沒加就掛點了。

這又回到一個很可怕的議題了,當網站大量使用第三方API或framework,當版本越來越亂的時候,開始不向下相容的時候,當初以此來開發的專案,就會變得非常難維護了,工程屍頭又要抱著燒了。

jQuery.migrate plugin.下載
http://jquery.com/download/

直接引用
<script src=”http://code.jquery.com/jquery-1.10.1.min.js”></script>
<script src=”http://code.jquery.com/jquery-migrate-1.2.1.min.js”></script>

官網原文
http://api.jquery.com/jQuery.browser/

[……]

閱讀更多

JQuery $.browser 判斷瀏覽器及瀏覽器版本

判斷瀏覽器
$(function() { 
if($.browser.msie) {
alert("this is msie");
} else if($.browser.safari) {
alert("this is safari!");
} else if($.browser.mozilla) {
alert("this is mozilla!");
} else if($.browser.opera) {
alert("this is opera");
} else {
alert("i don't konw!");
}
瀏覽器類型
msie    ie瀏覽器(Microsoft Internet Explorer)
safari  safari

mozilla firefox瀏覽器 opera opera

取得瀏覽器版本
$.browser.version
實例
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
if($.browser.msie){//若是ie流覽器
alert("用的是Firefox,版本:"+$.browser.version);
//ie8以下的ie流覽器:$.browser.version返回是string(字串,用parseInt轉成number(數值)類型)
if(eval(parseInt($.browser.version))<8){
alert("IE版本小於8");
}
}else if($.browser.chrome){
alert("用的是Chrome版本:"+$.browser.version);
}else if($.browser.mozilla){
alert("用的是Firefox,版本:"+$.browser.version);
}else if($.browser.safari){
alert("用的是Chrome,版本:"+$.browser.version);
}else if($.browser.opera){
alert("用的是Opera,版本:"+$.browser.version);
}
</script>


延伸閱讀
JQuery 1.9+ 之後 $.browser 無法使用(解決方法)
http://vector888.blogspot.com/2013/08/jquery-browser.html

[……]

閱讀更多

PHP bmp 縮圖時產生 Call to undefined function imagecreatefrombmp() 解決方法

Fatal error: Call to undefined function imagecreatefrombmp()
其實PHP的確沒有 imagecreatefrombmp() 這個 function ,解決方法就是引入下列文件 ,就有imagecreatefrombmp()啦~解決~

點擊下載 imagecreatefrombmp.inc.php
https://docs.google.com/file/d/0B0WjmRBDYP2fZGl1U1dnMUpNdFk/edit?usp=sharing

但是輸出bmp的時候問題又來了,PHP bmp輸出的圖片無法開啟,
用magewbmp()這個function,很怪,
估狗了一下好像不只我有這種狀況,
有人是使用imagejpeg()來替代magewbmp()輸出,
沒辦法問題還是要解,我目前也是用者種方法,
若有高手剛好就知道有更好的解法請不吝與大家分享~謝謝

解決方法:
有人是使用imagejpeg()來替代magewbmp()輸出,
//magewbmp($image, $file ); //bmp輸出無法開啟
imagejpeg($image, $file , $quality );[……]

閱讀更多