2011年5月6日 星期五

安裝[JQuery]+[thickbox]+標籤

閒來無事來裝裝JQuery+  觀燈看大圖thickbox+   apycom.com的平行標籤。





[JQuery+thickbox]
安裝過程中文由此篇網誌介紹的非常詳盡,英文可以參考官方教學。我就不多加贅述。

此篇我只是要記錄一下日後要使用Thickbox的語法:

<a class="thickbox" href="大圖路徑" ><img src="小圖路徑"/ ></a >
   

效果如下,蠻有趣的。


讓我也想到chrome的外掛,Turn off the Light! 關燈看影片!我是覺得蠻有趣的,也頗有質感XD



[apycom標籤。簡易教學]
請自行到apycom.com下載喜歡的套件,蠻多好看的,Blogger雖然是屬於非商業行為的使用,但apycom公司比較機車的是會要我們放他的超連結到我們的Blogger上。算了,好看就好,你也找不到在哪裡!

下載下來後,附件有help.txt,看著求救文字檔,一步一步照著做。找個網路空間上傳image文件夾、menu.css、 menu.js,若你已經有安裝jQurey你就應該不需要上傳附檔的jQurey.js,如果沒有請麻煩去jQurey官網下載安裝,或是上傳附檔。

上傳menu.css前,請將menu.css中的images檔案的URL對應到網路空間的網址,這樣才對應的到相關圖片。我自己是圖法煉鋼,<Control+F>找images關鍵字,再一一貼上的對應相關圖片位置。

再來就是開始改自己的html,看你自己要放在哪裡。我本身是放在<body>下。相關程式碼help.txt也有教學,不用太慌張。

沒有留言: