首先我是照著 http://xufukun.com/tools/fancybox2/index.html#license 這篇文章照著做
以下是我在空白的網頁上測試出來的 圖片 以及 原始碼
---------------------------------------------------------------------
第1、2張圖是在 Dreamweaver裡面測試 ~OK有表現出效果
![[已解決]jQuery-fancyBox插件.圖庫~在瀏覽器中無法執行???](http://attach.mobile01.com/attach/201503/mobile01-5295077ccd172a083c242be5e6d9e236.jpg)
![[已解決]jQuery-fancyBox插件.圖庫~在瀏覽器中無法執行???](http://attach.mobile01.com/attach/201503/mobile01-185b5f4164da83cc3e020679c2b984e4.jpg)
第3、4張圖 是按F12在chrome瀏覽器裡測試...兩張圖案進去都只會直接連結
![[已解決]jQuery-fancyBox插件.圖庫~在瀏覽器中無法執行???](http://attach.mobile01.com/attach/201503/mobile01-8841151775aca55cafa434de25849a7e.jpg)
![[已解決]jQuery-fancyBox插件.圖庫~在瀏覽器中無法執行???](http://attach.mobile01.com/attach/201503/mobile01-9a98d8cb81b095602409d883e227c419.jpg)
----------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><!-- 引入jQuery库 -->
<!-- 引入鼠标滚轮控制插件（可选） -->
<!-- 引入fancyBox文件（必须） -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<!-- 引入不同的幻灯片浏览工具：按钮，缩略图和/或多媒体（可选） -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
$(document).ready(function() {
$(".fancybox").fancybox();
});
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<body>
{a class="fancybox" rel="group" href="images/1.jpg"}{img src="images/3.jpg" alt="" />
{a class="fancybox" rel="group" href="images/2.jpg"}{img src="images/4.jpg" alt="" />
</body>
</html>
-----------------------------------------------------------------------
body中間因為會無法顯示純文字 我改成{}方便大大幫我看個仔細
