zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    js多图上传展示和删除
    简单的下拉加载和上拉加载
    js实现放大镜效果
    js表格拖拽
    js表格上下移动添加删除
    js写的滑动解锁
    关于serialize() FormData serializeArray()表单序列化
    js日历
    js树状菜单
    Restful API官方文档
  • 原文地址:https://www.cnblogs.com/jazzdan/p/1997765.html
Copyright © 2011-2022 走看看