3、fancyBox-master展示图片例子

最新推荐文章于 2021-06-07 14:38:08 发布

藏何

最新推荐文章于 2021-06-07 14:38:08 发布

阅读量685

点赞数

分类专栏： Asp.Net MVC 文章标签： fancyBox

本文链接：https://blog.csdn.net/u013533810/article/details/46843779

版权

这篇博客详细介绍了如何利用fancyBox库在网页中优雅地展示图片，包括页面代码结构、实现的最终效果以及具体的代码示例，帮助读者掌握这一图片展示工具的运用。

摘要由CSDN通过智能技术生成

1、页面代码

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <script src="~/Content/FancyBox/lib/jquery-1.10.2.min.js"></script>
    <script src="~/Content/FancyBox/lib/jquery.mousewheel.pack.js"></script>
    <link href="~/Content/FancyBox/source/jquery.fancybox.css" rel="stylesheet" />
    <script src="~/Content/FancyBox/source/jquery.fancybox.js"></script>
    <script src="~/Content/FancyBox/source/jquery.fancybox.pack.js"></script>
    <script>
        var data = [{
            href: '../Content/Image/1_b.jpg',
            title: '1_b'
        }, {
            href: '../Content/Image/2_b.jpg',
            title: '2_b&#

最低0.47元/天解锁文章

藏何

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3、fancyBox-master展示图片例子

1、页面代码@{ Layout = null;} var data = [{ href: '../Content/Image/1_b.jpg', title: '1_b' }, { href:
复制链接

扫一扫

专栏目录