ASP.NET MVC 下使用 FancyBox 映像出現亂碼

View層代碼如下：

<a rel="group" href="/Photo/Index/<%: item.PhotoID %>" title="<%: item.Describe %>"><img src="/Photo/ThumbImage/<%: item.PhotoID %>" alt="<%: item.Describe %>" /></a>

URL：/Photo/Index/1將返回資料庫中id為1的映像資料。

前台用戶端頁面使用FancyBox來顯示圖片，但是出現了亂碼，就是以文本形式顯示的映像資料。

去官網查閱相關資料，發現可以使用type選項解決此問題。將type設定為image即可。

範例程式碼如下：

    <script type="text/javascript">
        $(document).ready(function () {
            $("a[rel=group]").fancybox({
                'transitionIn': 'none',
                'transitionOut': 'none',
                'titlePosition': 'over',
                'type': 'image',
                'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                }
            });
        });
    </script>

原創文章，轉載請說明出處。翟士丹@曲阜師範大學 VolcanoSoft