輕鬆在自己網站上添加『光盒』

先來說一下光盒是什麼光盒是就本站上面那幾篇宅圖文中有用到的點擊圖片會顯是大圖片
那這有什麼好的嗎？
還記得上一篇文章嗎？(css簡單又完美的幫blog圖片自動縮圖)
縮圖了然後想讓別人看大圖怎麼半？
總不可能用個簡單連結連到原始圖的網址吧
這樣觀看人多不方便所以光盒是最佳的選擇？

接下來教大家怎麼弄好一個光盒在自己的網站上
當然不是每張圖都會套用到光盒上
因為我們不可能每張圖都要用到光盒吧
所以把要用光盒圖片加上一些語法就可以囉

第1步：下載js 和 css 檔案

載點：highslide.rar
解壓縮密碼：skybox.pp.ru

第2步：上傳到自己網站內

第3步：打開網站的 header.html

header.html 通常是 檔頭 的檔案
也就是 放在這裡面的原始碼 在網站上 每一頁都會出現這個原始碼

當然有些網站沒有這個但是總有可以新增到每頁的選項或檔案把他打開來吧

第4步：插入原始碼~



<script type="text/javascript" src="highslide-with-gallery.js"></script> 
<link rel="stylesheet" type="text/css" href="highslide.css" /> 
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="highslide-ie6.css" /><![endif]--> 
<script type="text/javascript"> 
hs.graphicsDir = 'http://skyboxs.net/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;
hs.dimmingOpacity = .75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>

第5步：對圖片連結做修改

一班的圖片連結為
<img src="圖片連結" border="0">
網戰繼上次的自動縮圖 所以圖片會自動縮小
光盒是用在 標籤a上面 中間會要新增編號 不要重複
所以在圖片標籤前後加上a標籤
前面加上

後面加上

會變成圖片所顯示的樣子

在〈輕鬆在自己網站上添加『光盒』〉中有 13 則留言

叛逆羊羊 2010 年 05 月 30 日22:20:07

展示圖片看不到 -(* 12*)-

順便問一下SKY

您現在都用啥防毒嗎?

sky37042 2010 年 05 月 30 日22:33:31

回覆叛逆羊羊
是步驟幾的圖看不到
話說我沒用防毒

zkm 2010 年 05 月 30 日23:08:32

回覆叛逆羊羊
防毒用小紅傘通殺就對啦 -(* 20*)-

sky37042 2010 年 05 月 31 日07:31:39

回覆 zkm
爛雨傘…
他會把我寫的佈景主題當病毒對待
里香~ 渚~ 天使~ -(* 05*)- -(* 05*)-
((小心天使火大用分身術讓那無情天使把你的防毒給XX掉

zkm 2010 年 05 月 31 日13:38:35

回覆 sky37042
排除一下就好啦 -(* 07*)-

sky37042 2010 年 05 月 31 日16:29:28

回覆 zkm
不只一個每個都要排除太累了
所以不要灌防毒 -(* 07*)- -(* 07*)-

zkm 2010 年 05 月 31 日18:21:48

回覆 sky37042
？？可以排除整個資料夾阿 -(* 21*)-

hacker_bug 2010 年 05 月 31 日18:33:24

回覆 sky37042
其實灌防毒都是心理上的需要,
不灌防毒,心理上都不安,怕中毒,
中毒不要緊,但如果中上了破壞性病毒,
等待重灌是一個對任何人都不喜歡…
而且,可能朋友中會有一些壞人,但技術又不好的,
想查看你電腦中的秘密,
他直接送一個未改變的惡意程式給你便慘了….
沒有基本的防護,根本查不出來,
(如果那壞人有技術,那就沒東西可以說了…)

回覆叛逆羊羊
其實安裝一個比較多人用的防毒軟件,就夠了~

sky37042 2010 年 05 月 31 日18:44:08

回覆 zkm
我測試一下在桌面一下在D碟
沒有固定 = =
所以… 直接把 C 和 D 碟給例外
-(* 10*)- -(* 10*)-

回覆 hacker_bug
電腦沒是不要亂借人
上網右不會去逛一些怪怪網站
((有時候真的要逛 VM 很好用 ^^ -(* 13*)-